lucasxt的博客

当前状态： 重复点击导航时，控制台出现报错报错原因： vue-router ≥ v3.1 后 ，回调形式改成promise api，返回的是promise，如果没有捕获到错误，控制台始终会出现如图的警告。解决方案：降低版本在项目目录下运行 npm i vue-router@3.0 -S 即可（将版本回退到3.0.7版本）在 main.js 或 router.js 中添加以下代码 import Router from 'vue-router' const route.

**场景：**切换页签时动态改变表格展示列以及对应数据项**使用方式：**通过v-if条件判断控制显隐**问题：**导致表头乱飞、错位，明明数据项有值，但是通过props获取值在页面上没有显示出来**分析原因：**vue在渲染元素时，处于效率考虑， 会尽量地复用已有的元素而非重新渲染，导致元素间相互影响，不能正常渲染解决方案：用 key 管理可复用的元素只需添加一个具有唯一值的 key attribute 表名“该元素是完全独立的，不要复用它”<el-table-column prop=

<div class="desc" :class="{'desc-more':hasMore}"></div><script>export default {... data: function() { return { hasMore: false } }, methods: { this.$nextTick(() => { if (this.$refs.desc.scrollHeight &gt

<textarea ref="textarea" v-autofocus autofocus="autofocus"> </textarea>方法一： mounted: function() { this.$nextTick(() => { this.$refs.textarea.focus(); }); // windo...

使用场景：添加评论时异步同步到评论列表后，如果数据过多存在分页的情况，通过上拉加载数据可能会出现返回回来的数据与当前列表重复 <div v-for="(item,index) in reduce(list)" :key="index" :item="item" > </div>... methods: { reduce(arr) { c...

npm install moment<div >{{currentTime | moment}}</div>... filters: { moment(time) { return moment(time).format("YYYY/MM/DD HH:mm"); } }, ...

<template v-if="condition"> <img :src="url" :onerror="defaultSrc" /> </template> <template v-else> <img :src="require('../assets/...