![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
东方椰树椰汁
这个作者很懒,什么都没留下…
展开
-
页面无法访问vue-router.esm.js:2314 Error: Loading CSS chunk (filename) failed.页面跳转失败
页面无法访问vue-router.esm.js:2314 Error: Loading CSS chunk (filename) failed.页面跳转失败原创 2022-11-10 15:45:49 · 521 阅读 · 1 评论 -
elementUI遍历给表头设置多个背景色,设置不同class时,出现单元格内容区背景色也被一起修改的问题
因为需求的原因无法在table中使用header-row-style实现效果,于是使用el-table-column中的class-name属性设置样式,结果出现单元格内容区也被加上一样的class导致有了背景色,查找element文档发现应该设置label-class-name,就只会给表头加这个class这里是遍历给相邻列设置不同颜色,ABAB形式所以加了判断html<el-table-column label="Test" :label-class-name="index%2==0?'g原创 2022-05-31 16:51:42 · 439 阅读 · 0 评论 -
Vue根据directive指令进行div拖拽,解决拖拽drag后触发点击click事件,并在directive中调用this
Vue根据directive指令进行div拖拽,解决拖拽drag后触发点击click事件,并在directive中调用this原创 2022-05-25 16:08:32 · 1727 阅读 · 0 评论 -
vue elementUI 选择器select选中值value为对象
elementUI有时候保存选择器需要绑定对象中的多个值,此时需要加一个属性:value-key,记得修改:value为对象哦~示例 :html<el-select style="width:300px" clearable value-key="name" //修改的关键 @change="changeMethod" v-model="value" placeholder="请选择"原创 2021-03-01 17:50:50 · 1302 阅读 · 0 评论 -
富文本编辑器UEditor获取文本字数,限制超长不可提交
UEditor中默认只有文字超出数量限制提醒功能,但还是可以保存网上都说找到配置文件注释两行加三行,我试了没有生效然后打印了这个元素,最后找到文本字段,这里用的是vue中的ref选择器:html<vue-ueditor-wrap ref="ue" v-model="ruleFormLi.declareContext" :config="ueConfig" ><原创 2020-09-02 14:27:22 · 3352 阅读 · 0 评论 -
table表格中下拉列表切换数据再次切换无法触发,select切换option后失焦
问题:新增切换版本功能,版本号数据通过@foccus异步调用接口获取,但是选中以后发现再次点击下拉框不再调用接口,点击右边的小箭头可以触发,原因是切换以后没有失焦,仍处于focus状态所以再次点击无法触发focus事件,失去焦点后再次点击就可以触发解决方法:选中option以后给当前选项框做失焦。步骤:1、给select加ref属性,由于是多个select,需要绑定唯一的ref, :ref="select-${scope.row.senCode}"<el-select .原创 2020-08-26 11:25:03 · 698 阅读 · 0 评论 -
elementUI upload上传文件大小及格式判断限制,提示相应信息
通过操作upload标签中的beforeUpload属性来实现这个功能//限制文件上传类型及大小beforeUpload(file) { var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1) let arr = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'pdf', 'JPG', 'JPEG', 'PNG', 'GIF', 'BMP', 'PDF'] if (原创 2020-07-02 17:43:43 · 3770 阅读 · 1 评论 -
vue 点击按钮使用$router打开新页面
jslet routeData = this.$router.resolve({ path: '/home', query: { id: 1 } }); //path:跳转页面的相对路径,query:参数window.open(routeData.href, '_blank');原创 2020-07-02 17:38:04 · 812 阅读 · 0 评论 -
打包项目报错端口号占用 Error: listen EADDRINUSE: address already in use 127.0.0.1:8888
以报错为以下信息为例:Error: listen EADDRINUSE: address already in use 127.0.0.1:8888解决方法:1.打开cmd2.输入netstat -ano,会弹出下图(左边的3000对应上面报错的59568)3.输入 tskill 59568 (就是这行所对应的右边的数字)ojbk...原创 2020-01-07 14:39:46 · 2797 阅读 · 0 评论 -
vue项目 打印页面中指定div中内容
//安装(命令行)npm install vue-print-nb --save//main.js中引入import Print from 'vue-print-nb'Vue.use(Print)//vue文件<el-button v-print="`#print`">打印</el-button><div id="#print">需要打印的内容</div>...原创 2020-07-01 15:29:30 · 1683 阅读 · 0 评论