随笔分类 -  Vue

vue 三级联动表单拆分
摘要：问题描述：接口返回tree型数据，前端需要展示三个下拉框，每一子集选项由父级确定。 数据结构：build -> floor -> room。 通过监听build选中计算出响应的floorList，同理计算出roomList。 实现问题：build切换时，this.from.floorId = nul 阅读全文
posted @ 2020-12-16 10:14 eightabs 阅读(426) 评论(0) 推荐(0)
自定义组件v-model
摘要：一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控件可能会将 value attribute 用于不同的目的。model 选项可以用来避免这样的冲突。（文档介绍） v-model实现表单输入的双向绑定 <input 阅读全文
posted @ 2020-12-10 17:45 eightabs 阅读(365) 评论(0) 推荐(0)
配置scss-loader后 iconfont 路径错误
摘要：vue.config.js中配置scss-loader后导致iconfont.css文件路径引用错误： 项目目录： 问题定位：查找文档后发现，scss-loader不支持 url 重写。 解决方案： 修改iconfont.css中路径引用相对根目录引用 修改前 修改后 修改路径后将iconfont. 阅读全文
posted @ 2020-12-09 11:03 eightabs 阅读(314) 评论(0) 推荐(0)
vue 组件之间通信的多种方案（3）
摘要：三、封装全局公共 BUS 数据改变，触发监听方法 1、utils 目录下 bus.js 文件代码示例： import Vue from 'vue' const Bus = new Vue() export default Bus 2、通信传递引用 bus 示例： import bus from '@ 阅读全文
posted @ 2020-11-28 08:58 eightabs 阅读(77) 评论(0) 推荐(0)
vue 组件之间通信的多种方案（2）
摘要：二、嵌套组件通信传值 $attr 与 $listeners 是 v 2.4 版本新增实例property $attr 作用于上层作用域即父组件，它会将父组件的所有attribute（prop传递的属性、class 与 style）除外 实例： 父组件代码 <div id="app"> <child 阅读全文
posted @ 2020-11-28 08:30 eightabs 阅读(92) 评论(0) 推荐(0)
vue 组件之间通信的多种方案（1）
摘要：一、$emit()、props通信(多用于父子组件之间通信) 1、父组件向子组件传值 父组件引用子组件，在子组件标签利用 v-bind 向子组件传值 <div id="app"> <child :value="value"></child> </div> 子组件通过 props 属性接收父组件传递过 阅读全文
posted @ 2020-11-27 17:59 eightabs 阅读(102) 评论(0) 推荐(0)
Echarts批量导出pdf
摘要：Echarts批量导出pdf。通过html2canvas获取Echarts的canvas容器，转化base64图片导出pdf. 安装依赖 npm i html2canvas -S npm i html2canvas -S npm i jspdf-S 封装utils import html2Canva 阅读全文
posted @ 2020-11-09 18:40 eightabs 阅读(857) 评论(0) 推荐(0)
vue-router vuex 用户信息管理
摘要：实现原理： 每次进行路由跳转检测全局下用户信息状态是否存在 新建store.js文件 新建router.js文件 阅读全文
posted @ 2019-04-29 16:04 eightabs 阅读(966) 评论(0) 推荐(0)
vue 页面刷新
摘要：provide：选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。在该对象中你可以使用 ES2015 Symbols 作为 key，但是只在原生支持 Symbol 和 Reflect.ownKeys 的环境下可工作。 inject：一个字符串数组，或一个对象，对象的 key 是本 阅读全文
posted @ 2019-04-28 15:48 eightabs 阅读(240) 评论(0) 推荐(0)