前端
not_a_id
这个作者很懒,什么都没留下…
展开
-
对象数组去重
对于一个特定的只包含string或number的数组,可以通过set和`array``的转换将数组中的重复元素剔除,如: let arr = [1, 1, 2, 3, 3] arr = Array.from(new Set(arr)) // console.log(arr): [1,2,3] 但是对于对象数组,就不能这么操作,如: let arr = [{a: 1, b: 2}, {a: 1, b: 2}, {a: 1, b: 3}] arr = Array.from(new Set(arr)) // c原创 2021-08-07 21:25:17 · 208 阅读 · 0 评论 -
vue:事件动态绑定不同的响应
实现: data(){ return{ response:['fun1', 'fun2'] } } method:{ fun1(){ console.log('this is fun1') } fun2(){ console.log('this is fun2') } indirectCall(method){ this[method]() } /* indirectCall(event, method){ // do someth原创 2021-05-07 15:00:50 · 234 阅读 · 0 评论 -
vue+Element:checkbox的全选和反选
<el-radio-group v-model="selectRadio" @change="quickSelect"> <el-radio :label="1">全选</el-radio> <el-radio :label="2">反选</el-radio> </el-radio-group> <el-checkbox-group v-model="selectedItems" @change="selectOptio原创 2021-04-25 15:57:00 · 923 阅读 · 0 评论 -
vue:控件的拖拽功能及注意事项
<div @contextmenu.prevent="openMenu" @mousedown="mouseMove" style="position: absolute; left: 1px; top: 1px"> </div> <template>中屏蔽原生右键功能@contextmenu.prevent,取代为自定义函数openMenu,定义鼠标点击事件@mousedown为自定的mouseMove,同时在<div>块中定义菜单右键原创 2021-04-25 11:32:04 · 275 阅读 · 0 评论 -
$listeners和$attrs的使用
Vue中$listeners和$attrs的使用其实就是一种简化的替代数据和事件跨级传递的方式,假如有父组件,子组件,孙组件三个组件嵌套,在孙组件上$emit一个事件,在子组件中v-on:$linsteners,这样父组件就可以监听到孙组件上的事件,实际上v-on:$linsteners就是简化了事件子组件中继到父组件的过程,同理$attrs简化了数据由父组件向孙组件传递的过程 ...原创 2021-04-24 18:39:49 · 167 阅读 · 0 评论