随笔分类 - Vue相关
摘要：##el-cascader级联选择器通过tooltip显示全路径 ####最终效果： <template> <div id="root"> <el-tooltip :content="showContent" :disabled="!showContent"> <el-cascader ref="p
阅读全文
摘要：##localstorage 和 sessionstorage 的区别和用法 localStorage的浏览器支持情况： ####1：生存期 1、localSorage：**理论上是永久有效的，不清空就不会消失**，即时保存的数据超出了浏览器所规定的大小，也不会把旧的数据清空，而是只会报错。移动设备
阅读全文
摘要：###1：vue 用replace修改数组中对象的键值或者字段名 //前端现在的数组 let arr = [ {"colId":"SPECIAL_DESCRIBE","colName","SPECIAL_DESCRIBE名称"}, {"colId":"CUS_NAME","colName","CUS
阅读全文
摘要：##vue + Element UI 之 rules校验 rules: { name: [ /*required 是否必填 trigeer 触发检查的方式 blur 失去焦点时检查 change 值发生改变时触发*/ { required: true, message: '请输入活动名称', tri
阅读全文
摘要：##利用svg画路径图 vue ###0：vue框架下的依赖引入 在package.json文件中加入 "animejs": "3.0.1", "iview": "3.0.0", 再在控制台执行 npm i 即可自动安装 ###1：单路径 效果图： <style> .yellow { positio
阅读全文
摘要：###vue 杂项 1：三元表达式 2：定时器 //vue 页面定时向后端发送请求进行数据刷新 mounted() { this.timer = setInterval(() => { //在此添加代码段 }, 1000);//1000毫秒后执行 }, beforeDestroy() {//清除定时
阅读全文
摘要：#vue+element ui table表格自定义合并表头 ###1：使用范围（个人理解） 对vue + element ui界面中table表格的表头根据自己需求进行合并 ###2：实现原理： table自带合并属性：rowSpan和colSpan，所以合并表头的思路是：获取所有的表头单元格，针
阅读全文
摘要：vue+element ui 表格选中特定行导出为excel ###1：使用场景： 当选中表格中某几条数据（图中演示的为两行选中一行）进行导出为excel（如图二） ###2：安装依赖： npm install --save xlsx file-saver npm install -D script
阅读全文
摘要：##vue使用less关于scope问题 ####scoped可以实现style只作用于当前的.vue文件 上面的文件渲染出的dom结构会是这样的 css样式是这样的 .user[data-v-53795c54] { color:#333; } 这样就现实了样式只作用于当前.vue文件 ####注意
阅读全文
摘要：#Vue项目文件结构 ├── build/ # Webpack 配置目录 ├── dist/ # build 生成的生产环境下的项目 ├── config/ # Vue基本配置文件，可以设置监听端口，打包输出等 ├── node_modules/ # 依赖包，通常执行npm install会生成 ├
阅读全文
摘要：##Vue插值(摘自官方文档） ###1：文本插值 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值： <span>Message: {{ msg }}</span> Mustache 标签将会被替代为对应数据对象上 msg property 的值。无论何时，绑定的数据
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8"></script> </head> <bo
阅读全文
