
vue
吴小恩
这个作者很懒,什么都没留下…
展开
-
vue监听localstorage值变化
在vue中实现监听localstorage中某个键对应的值的变化在根目录下创建一个名为utils的文件夹,在文件夹中创建一个tool.js文件//****将这段内容放在tool.js文件中****// 重写setItem事件,当使用setItem的时候,触发,window.dispatchEvent派发事件function dispatchEventStroage() { const signSetItem = localStorage.setItem localStorage.se原创 2021-09-06 09:32:41 · 14268 阅读 · 8 评论 -
input图片上传
input图片上传 <label for="file" class="btn btn-default">更换头像</label> <input id="file" type="file" @change="getImg" accept="image/*" style="display:none" />.btn-default { font-size: 14px; margin-left: 10px; border-radius: 3px; bord原创 2021-04-30 09:42:32 · 561 阅读 · 0 评论 -
vue 3.x 不支持filters的解决方案
vue 3.x 不支持filters的解决方案一、简单的操作可以在v-for中使用<div v-for="(item,index) in list.filter(item => if(item){return item}else{return "没有内容"})" :key="index"></div>二、复杂的操作可以在全局定义filtervar app = createApp(app)app.config.globalProperties.$filters =原创 2021-01-08 10:11:00 · 1281 阅读 · 0 评论 -
vue 移动端 拖拽
创建一个div,因为是移动端的,所以用touchmove事件,触发一个函数。(里边的span标签是为了使用iconfont)<template> <div> <div class="active" id="active" :style="{top:top,left:left}" @click="onClick" @touchmove="onmove" > <span class="iconfont icon-youjia原创 2020-06-24 10:14:03 · 646 阅读 · 0 评论 -
复选框阻止事件冒泡
数据渲染列表复选框阻止默认事件//用prevent可以让复选框的状态是:checked="item.state"的这个状态,不会因为事件冒泡而出现错误<input type="checkbox" :checked="item.state" v-on:click.prevent="onClick" />...原创 2020-04-24 22:34:47 · 906 阅读 · 0 评论