- 博客(19)
- 收藏
- 关注
转载 vue如何在css样式种使用data中的变量
vue中实现了在样式里使用js变量的方法,及通过css定义变量的方式,将变量在行内注入,然后在style中使用var()获取我们在行内设置的数据即可。
2023-02-18 09:41:09
2340
原创 vxe-table表格点击下钻tooltip依然显示
在表格中,当单元格内容过多时,会采用悬浮的tooltip显示剩余的内容,但是遇到一个问题是刚好这个国产内容还是可以下钻的,就出现了一个bug,那就是在下钻的时候刚好显示了tooltip,然后下钻之后在第二个页面依然还有,那肯定要解决呀。到了下个页面还有解决方案:添加一个关闭方法:closeTooltip() { const dom = document.querySelector('.vxe-table--tooltip-wrapper') if (dom) {
2022-05-19 16:44:41
1899
原创 在VUE项目中使用scss报错:TypeError: this.getResolve is not a function at Object.loader
在搭建了一个新项目之后,准备开始画页面了,很开心。却在页面使用了scss的时候报错了:这一大片报红,赶紧去看了依赖,发现依赖也是都有的:这就奇怪了,后面看了好久,以为没配置,也跑去配置,实际并不是,而是sass-loaderd 版本太高了,导致编译的时候出问题了,我降低了版本之后就可以正常运行了。我是将版本降低到了7.1.0:问题解决,赶页面去了,嘻嘻。...
2021-10-14 14:56:43
383
原创 随笔记录:关于el-input的多行文本框textarea固定多行不可拖拽
关于这个el-input的textarea属性下的多行文本框,我真是用一次讨厌一次,我也不知道为什么每次那个autosize的属性用着没效果,rows也是没有用,怎么都是一行,真是烦的我(后面有时间我得去看看是为什么了)。于是我就用的时候就想着那就干脆不要拖拽了能不能实现多行给我,然后我又多看了一下,就找到了刚好可以实现这个的组合属性,就先记录一下先吧。<el-input type="textarea" resize="none" :au
2021-04-12 18:21:22
6665
1
原创 表格行Render函数中实现下拉框,option数据动态获取
前段时间做项目的时候,遇到了一个需要在表格里面实现每一行都要嵌入一个选择的下拉框,也就是最后要实现成如下图的这种:或许一看到这个,有人会觉得其实蛮简单的,使用ElementUI的表格,然后在el-table-column里面使用template就可以实现了。大概就是这样子:<el-table-column label="名称"> <template slot-scope="scope"> <el-select size="small" value-key
2020-12-31 10:30:26
1716
原创 创建 FLutter第一个应用Hello World
继昨天刚刚弄好环境,今天就想来尝试一下创建第一个Flutter项目。首先,我们得先在Android Studio上创建一个安卓虚拟机AVD虚拟机的创建选择上面的tools–>AVD Manager然后如果我们从来都没有创建过呢,就会出现下面这个页面:我们点击中间的Creat,新建一个,然后就让我们选择:我是选择了Nexus 5,然后选择的是第一个:然后就点击Download下载,就有一个下载过程,可能会有点慢:完成之后下一步,给它取个名字,我采用了默认:之后finish之后
2020-08-21 10:25:24
296
原创 Flutter 入坑:开发环境的配置
这是一篇经历两天的折腾才成功之后写下的博客…也算是记录一下自己的学习过程了~近期呢,想学习一下也不算新出的Flutter.js,至于其介绍什么的呢,官网讲的很是清楚了,话不多说,我们直接来看看怎么配置Flutter的开发环境吧。本人电脑环境为:window10 64位Gitjava环境我的配置过程主要参考了Flutter 中文网的开发环境配置过程:小伙伴也可以直接前往:https://flutterchina.club/setup-windows/1. 使用镜像由于在国内访问Flutt
2020-08-20 17:26:51
777
原创 关于Vue中抽取公共方法涉及this指向问题
今天做项目的时候,多个页面用到同一个方法,所以呢就想能够将这个方法抽取出来,能够减少代码的复用。可是我遇到了一个问题,就是里面涉及了this的指向,我是用到了路由跳转,所以就有以下的这种报错警告:[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘$router’ of undefined”抽取的公共方法common.js里面的部分代码:我想了一下,也没有明白,大概猜出来应该是this的问题,可是不懂怎么解决,
2020-08-12 17:58:33
2193
原创 [Vue warn] : Props with type Object/Array must use a factory function to return the default value.
报错:[Vue warn]: Invalid default value for prop “obj”: Props with type Object/Array must use a factory function to return the default value.大概意思就是提示Array/Object的默认返回值要用工厂形式返回。解决方法:将原先的props:{ obj: { type: Object, default: {} } },
2020-08-12 09:43:05
939
原创 el-select 选择对象 value-key属性
今天遇到一个使用el-select的时候,需要获取值为对象,使用Select 组件的绑定值是一个数组,但是数组的值只能传入 Number 类型或者 String 类型的数据,如果我们想向其中传入一个对象就会出错。怎么办呢?我们可以发现是缺少一个索引,查看了elemnet-ui 的文档,可以看到 Select 组件有一个属性:value-key那么下面我们来试试用一下这个属性:<el-select v-model="test" value-key="id" @change="changeVa
2020-07-20 11:28:11
13543
1
原创 [Vue warn]: Do not use built-in or reserved HTML elements as component id:XXX 问题记录
今天新创建了一个vue项目进行学习,完了,刚刚需要写一个导航栏组件,就用ElementUI写了一个,打算注册到首页,结果呢,给我报错了:仔细看了一下报错警告解释:不要将内置或保留的HTML元素用作component id:menu意思简单点呢,就是我们的命名不规范或者错误由于在模板需要插入到 DOM 中,所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况:1.是完全不合法的标签名,例如 </>;2.是与 HTML 元素重名会产生不确定的行为,例如使用 input 做组件
2020-07-17 16:12:11
1092
原创 使用Element-UI的Upload组件加Node.js实现多图片上传
使用Element-UI的Upload组件加Node.js实现多图片上传欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FL...
2020-03-13 13:07:47
923
2
原创 CentOS 7 环境下部署Jenkins
如果linux系统上不是CentOS 7 的环境,为大家提供一个参考链接:在VMware安装centos7(桥接模式改为NAT模式)参考链接:https://blog.csdn.net/yang5726685/article/details/78635388下面我们进入正题:部署jenkins方法一:Tomcat启动:安装jdk1.8 1. 在 /usr/lo...
2019-09-11 14:24:34
217
原创 父容器塌陷问题
父容器塌陷,即父盒子不设宽高,由里面的内容撑起,如果塌陷,则父级撑不起来子级浮动,父级检测不到高度,那如何清除浮动塌陷呢?1. 给父级加高度2. overflow:hidden3. clear:both4. 设置父级也浮动...
2019-07-31 15:39:25
312
原创 如何将字体限制为一行,溢出部分显示为点点点
text-overflow:ellipsis; //省略为...white-space:nowrap; //限制为一行overflow:hidden; //溢出部分不显示或者有些时候不是想要限制为一行,而是多行:display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; //限...
2019-07-31 15:26:26
398
原创 ES6模块化总结
安装node上官网下载,版本是长期支持版 node-v10.16.0-x64.msi本机安装包在E:Node下安装时候默认安装,路径也默认在C盘,不改,避免后面出问题。命令行基本指令快速打开命令行:shift+鼠标右键清屏:cls找到之前的指令:上下方向键创建文件夹:mkdir 文件夹名字删除文件夹 :rmdir 文件夹名字cd +路径 跳转到指定路径...
2019-07-28 23:42:01
190
1
原创 word-wrap与word-break的区别
1.word-break:break-all例如div宽300px,它的内容就会到300px自动换行,如果该行末端有个英文单词很长(reconciliation等),它会把单词截断,变成该行末端为recon(reconciliation的前端部分),下一行为ciliation(reconciliation)的后端部分了。2.word-wrap:break-word例子与上面一样,但区别就是它...
2019-07-22 20:24:17
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人