- 博客(8)
- 资源 (1)
- 收藏
- 关注
原创 Element Checkbox 多选框 change事件
change 事件想传默认值又想传自定义参数<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="checked=>handleCheckAllChange(checked, val, i)" >{{key}}</el-checkbox>
2020-11-25 09:39:57 4837
原创 keep-alive vue组件缓存
1、利用include、exclude属性include定义缓存白名单,keep-alive会缓存命中的组件;exclude定义缓存黑名单,被命中的组件将不会被缓存;max定义缓存组件上限,超出上限使用LRU的策略置换缓存数据。<keep-alive :include="whiteList" :exclude="blackList" :max="amount"> <router-view></router-view></keep-alive>
2020-10-26 09:34:52 208
原创 css 文本多行内容显示超出显示省略号
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; /*设置显示多少行*/ overflow:hidden; /* autoprefixer: ignore next */ -webkit-box-orient: vertical;
2020-10-20 14:42:36 150
原创 vue @click 绑定的函数,传入事件对象和自定义参数
1.仅传入自定义参数html:<div id="app"> <button @click="tm(123)">ddddd</button></div>js:new Vue({ el:'#app', methods:{ tm:function(e){ console.log(e); //会输出 123 } }})2.仅传入事件对象html:<div id="app
2020-10-13 14:46:19 2091
原创 vue 中导航重复点击报错冗余导航
报错信息如图解决方法方法1:在导航点击事件中加入catch方法jumprouting(e){ this.$router.push(e.path).catch(err => err) }方法2 : 在router.js 文件中添加如下代码Vue.use(VueRouter);const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(
2020-09-10 11:50:49 1096
原创 设置浏览器版本不兼容提示
在public中的index.html文件中设置如图:设置代码:<!--[if lte IE 9]>您的浏览器版本过低 请下载最新的谷歌浏览器<![endif]-->显示内容居中样式代码:下载最新谷歌浏览器链接:<!--[if lte IE 9]> <div style='position:absolute; top: 50%; left:50%; margin-top: -50px;margin-left: -400px; align-i
2020-08-31 11:17:59 853
原创 微信小程序搜索内容显示关键词高亮
#微信小程序搜索关键词高亮1、得到搜索结果2、通过遍历对每一项的关键字进行替换3、在微信小程序wxml中用rich-text标签渲染wxml: <view wx:for='{{searchsuggestions}}' wx:key='index'> <rich-text nodes="{{item.keyword}}"></rich-text> </view>js: let data = res.result.allMatch//搜索到的
2020-08-24 16:35:34 1195
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人