随笔分类 - 开发 / 开发-前端 / 前端-VUE
前端-VUE相关
摘要：VUE-引入lodash防止表单重复提交 引入lodash依赖 npm install lodash 防止重复提交方法 方法名称: _.debounce(function() { this.$http.post('url',this.Form).then(({ data: res }) => { }
阅读全文
摘要：VUE-浅谈对双向绑定的理解 一、定义 一种MVVM模型，通过model、view、viewModel进行双向绑定 二、组成部分 1、数据层 model: 存储数据及业务逻辑 2、视图层 view：展示效果 3、业务逻辑层 viewModel:关联数据和视图 从而进行双向绑定 三、viewModel
阅读全文
摘要：VUE-浅谈VUE生命周期的理解 定义： Vue中的实例从创建 —> 销毁的过程 1、创建 2、初始化数据 3、编译template 4、挂在DOM 5、渲染 6、更新渲染 7、卸载 生命周期钩子 beforeCreate — 组件实例创建之初(可以引入第三方插件) created — 组件已经创建
阅读全文
摘要：跳转页面 this.$router.push({ name: URL地址 params: { p1: XXX, p2: XXX, }, }); 获取传参 created() { const XXX = this.$route.params.XXX }
阅读全文
摘要：采用router实现路由页面跳转 this.$router.push({ name: /student, params: { name: '张三', age: '10', }, }); 在/student页面获取到路由中的参数 并对当前页面的参数进行更新操作 create { this.stuNam
阅读全文
摘要：npm install vue-json-viewer --save 结果展示： <json-viewer :value="jsonData" copyable boxed sort style="line-height: 1.2em; font-size: 14px;" ></json-viewe
阅读全文
摘要：<vue-seamless-scroll :data="item.point" :class-option="classOption" > <template v-for="detail in item.point"> <div v-for="(value, key) in detail" :key
阅读全文
摘要：// 背景颜色设置透明： button.style.backgroundColor = 'transparent' // 字体颜色设置透明： button.style.color = "transparent";
阅读全文
摘要：el-col 属性： span 栅格占据的列数 用作等比例划分 span属性的布局调整,一共分为24栏，也就是说span的值为24，则占用了一整行 demo: 如图所示，两个el-col标签内包含el_table标签，占比大小分别是18和6 （18 + 6 == 24） 结果如图所示： 将展示比例进
阅读全文
摘要：//导出 exportBeforeClick() { var map = {} var columns = traTableColumns(this.$refs.tab.columns.filter(column => column.label '客户编码' || column.label '客户名
阅读全文
