lifangfang0607的博客

场景页面中设置了定时器，如果组件销毁是没有关闭定时器，他还会一直执行，会非常耗性能，所以需要及时关闭定时器。关闭定时器vue项目中，正常情况下，我们在生命周期 destroyed 中关闭即可，一旦页面中使用了keep-alive 进行缓存，此时 destroyed 会失效。需要在 deactivated 钩子函数去关闭，他是 keep-alive 特有的钩子函数。代码没有缓存页面：destroyed(){ clearInterval(this.timer)}缓存过的页面：// 开启定时

项目中会有一些逻辑处理，需要接听路由来实现vue2.x 中使用watch可以进行路由监听：watch:{ $route:{ handler(n,old){ console.log(n) // 逻辑处理 }, immediate: true, // 首次监听 }}

校验数组每一项：html部分：js部分：

过滤器过滤器实质不改变原始数据Vue过滤器定义1.全局定义// 全局注册Vue.filter('toRMB', function (rmb) { if (!rmb) return '' return `￥${rmb}`})2.局部定义toFixed(money) { if (!money) return '' money = Number(money) return money.toFixed(2)},Vue过滤器使用...

项目中会有一些列表展示信息，而这些列表一般会有增删改除的功能，而新增和修改一般会用同一个表单来实现。当我们修改列表调用组件传值，回填数据时，会有watch来 监控数据变化，有的情况可能首次进入就需要监听，使用immediate：true来实现；监控复杂数据类型，需要用到深度监听deep: true'model':{ deep:true, //model 是一个obj对象，需要深度监听 immediate: true, // immediate选项可以开启首次赋值监听 handler (newDat

循环渲染的表单，添加字段校验，提交表单时判断校验结果，使用this.$refs[(“item” + index)].validate会报错this.$refs[(“item” + index)].validate is not a function需要这么使用：this.$refs[“item”][0].validate下面是项目中的代码：html代码<el-form v-for="(item,index) in receiptInfoList" :key="index" :mode

在 vue.config.js 中 将lintOnSave: process.env.NODE_ENV === 'development'改为lintOnSave: false即可。

如图：会出发两次方法解决方法：回车时提交失去焦点就好。如下图：

vue 中使用axios异步调用时，打印出如上图的值，表示Promise并未完成，当前状态的值无法获取到。

当在子组件里更改了某些信息且关闭子组件后，需要父组件更新修改后的内容，操作如下：1、$emit触发父组件　　@update="update(val)"子组件　　this.$emit('update', newVal)2、使用$parent触发父组件　　更新数据是由某个方法触发，如getList()子组件　　this.$parent.getList()...

sockjs.js:1606 GET http://localhost:9528/sockjs-node/info?t=1578985745446 net::ERR_CONNECTION_REFUSEDvue项目本地运行后控制台报如上错，解决办法：依赖node_modules中打开sockjs-client -> dist -> sockjs.js 1605 行中注释代码。如下：...

vue assigned to but it has no setter.computed 需要get(),在设置set();

如图，页面中会有大量的不同分类，每点击一块都要一个内容不同的弹框，如何动态引入其对应的弹框组件呢？

项目开发过程中，会遇到大量组件需要被引入，如果使用 1.import组件导入，2.components 组件定义注册，3.<标签> 组件在页面中引入 这三部就会很繁琐。如何才能快速引入大量组件呢？...

当项目中遇到大量图片需要引入时，需要循环路径去渲染，:src="" 总是获取到的路径被当做字符串处理，图片无法显示。图片应该放在static下面，不要放在assets下。<ul class="flex"> <li @click="selectImgGroup(item,index)" v-for="(item,index) in imgData" :key='index'...

this.$nextTick：将回调延迟到下次 DOM 更新循环之后执行。this.$nextTick(function() { console.log(this.$refs.multipleTable) this.$refs.new.focus();});

vue项目中使用了element ui，使用回车事件时加.native，写法如下：<el-input @keyup.enter.native="handleEnter($event)" v-model="scope.row.name" :value="scope.row.name"></el-input>...

element ui 的 el-input@keyup.enter.native ="sunmit"普通的input@keyup.enter = "submit"

后台数据为line_type：1或2对应类型为：广域网，局域网<el-table-column prop="line_type" label="线路类型" show-overflow-tooltip :formatter="formtype"></el-table-column>methods:{ //判断线路类型，返回对应...

vue首次进入页面完好，当刷新时页面样式乱的情况：vue-router 使用了history 模式，默认 “/” 根目录下找文件，此时index.html中的静态资源"./“引入的，则未加载进来，修改为”/"即可。...

vue项目创建完毕后：1.安装less依赖cnpm install less less-loader --save 2.全局安装lesscnpm install -g less3.main.js全局引入var Less = require('Less');4.组件中使用<style scoped lang="less"> @width: 100px; ...

1.封装过的组件有哪些？2.vue-router了解多少？3.组件间如何传值？4.vue插值了解多少？5.vue有自定义过滤器吗？6.自定义过指定吗？7.http协议和webSocket协议有什么区别？8.cookie和storage有什么区别？9.vue状态管理10.登录是如何做的？11.登录权限是如何设置或判断的？12.git使用情况，当前代码编写了一半，有个bug要解决...