![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Vue
lucasxt
这个作者很懒,什么都没留下…
展开
-
element ui重复点击菜单栏报错问题
当前状态: 重复点击导航时,控制台出现报错报错原因: 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.原创 2020-09-30 11:09:24 · 364 阅读 · 0 评论 -
解决Element-UI 在table组件el-table-column中使用v-if的问题
**场景:**切换页签时动态改变表格展示列以及对应数据项**使用方式:**通过v-if条件判断控制显隐**问题:**导致表头乱飞、错位,明明数据项有值,但是通过props获取值在页面上没有显示出来**分析原因:**vue在渲染元素时,处于效率考虑, 会尽量地复用已有的元素而非重新渲染,导致元素间相互影响,不能正常渲染解决方案:用 key 管理可复用的元素只需添加一个具有唯一值的 key attribute 表名“该元素是完全独立的,不要复用它”<el-table-column prop=原创 2020-09-30 10:59:57 · 17238 阅读 · 6 评论 -
vue 多行溢出兼容ie
<div class="desc" :class="{'desc-more':hasMore}"></div><script>export default {... data: function() { return { hasMore: false } }, methods: { this.$nextTick(() => { if (this.$refs.desc.scrollHeight >原创 2020-06-19 18:46:04 · 344 阅读 · 0 评论 -
vue 移动端进入页面自动弹出软键盘
<textarea ref="textarea" v-autofocus autofocus="autofocus"> </textarea>方法一: mounted: function() { this.$nextTick(() => { this.$refs.textarea.focus(); }); // windo...原创 2020-03-10 13:12:09 · 4643 阅读 · 1 评论 -
vue 数组去重
使用场景:添加评论时异步同步到评论列表后,如果数据过多存在分页的情况,通过上拉加载数据可能会出现返回回来的数据与当前列表重复 <div v-for="(item,index) in reduce(list)" :key="index" :item="item" > </div>... methods: { reduce(arr) { c...原创 2020-03-10 12:57:35 · 3647 阅读 · 0 评论 -
vue 日期格式化
npm install moment<div >{{currentTime | moment}}</div>... filters: { moment(time) { return moment(time).format("YYYY/MM/DD HH:mm"); } }, ...原创 2020-03-10 12:48:14 · 250 阅读 · 0 评论 -
vue 设置图片默认值
<template v-if="condition"> <img :src="url" :onerror="defaultSrc" /> </template> <template v-else> <img :src="require('../assets/...原创 2020-03-10 12:24:41 · 1444 阅读 · 0 评论