随笔分类 - Vue
Vue相关技术笔记
摘要：1、npm install xxx -s npm install xxx -s、npm install xxx -S是npm install xxx --save的简写形式 局部安装，记录在package.js文件中dependencies对象中 dependencies：生产环境的依赖包 例如：v
阅读全文
摘要：需求：Message消息提示显示时长过长 环境："vue": "2.6.12"、"element-ui": "^2.15.6"等 解决步骤： 1、在项目中找到main.js 文件 2、引人下面两个文件 import ElementUI from 'element-ui'; import 'eleme
阅读全文
摘要：需求：循环一个数组保持请求顺序请求接口，且当前数组的值为1时，又需要异步请求另一个接口根据返回status值跳出本次循环。 解决思路：使用for循环，首先在循环中判断数组中值为1的，用async和await异步请求返回数据状态跳出循环；同时把符合条件的所有请求接口push到一个数组中去，最后Prom
阅读全文
摘要：需求：1）表头的数据是动态的，有可能字段值很长且很多。解决方案自定义动态表头，字段长使用文字提示【el-tooltip组件】； 2）需要对表格data中的数据值进行枚举转成中文值，且显示不同的颜色。 效果图： 直接上代码： 1、vue代码 1 <el-table 2 :data="tableData
阅读全文
摘要：需求：在后台管理系统首页列表项中，点击详情跳转到系统中指定菜单的路由要求新开窗口并需要带上参数查询。 第一种方法： 1 const { id } = item; 2 let routeUrl = this.$router.resolve({ 3 path: '/xxx', // 路由地址 4 que
阅读全文
摘要：一、属性 name 定义项目的名称，不能以"."和"_"开头，不能包含大写字母 version 定义项目的版本号，格式为：大版本号.次版本号.修订号 description 项目的描述 二、配置 dependencies 生产环境的依赖包 如果不使用脱字符（^），安装的版本号固定；如果使用，则能安装
阅读全文
摘要：1、deep深度监听的用法 当监听一个对象时，可能想监听整个对象的变化，而不仅仅是某个属性。但在默认情况下，如果你正在监听formData对象并且修改了formData.username，对应的侦听器并不会触发，它只在formData对象被整个替换时触发。 监听整个对象被称作深度监听，通过将deep
阅读全文
摘要：1、字符’0‘也显示为真 <div v-if="zeroStr">明月几时有，把酒问青天。</div> data() { zeroStr: '0' } 运行结果： 2、字符负数【-1或者‘-1’】也显示为真 <div v-if="negative">窗前明月光，地上鞋两双。</div> data()
阅读全文
摘要：1、递归组件：组件在自己的模板中调用自身。2、循环引用：当父引用子，子引用父时。 直接给大家上代码： 第一步，MulAnalysisResult.vue 1 <template> 2 <div v-loading="loading"> 3 <div v-for="(item, index) in d
阅读全文
摘要：一、遍历对象 v-for = "(value, index) in obj" // 遍历对象 <template> <ul> <li :key="key" v-for="(value, key) in obj">{{value}}</li> </ul> </template> <script> ex
阅读全文
