vue
vue技术归类
鳄鱼吃了我的房子
这个作者很懒,什么都没留下…
展开
-
vue3 调度执行-控制执行次数
整段代码的意思是连续执行两次queueJob,这意味着同一个effect会被add两次但是由于Set数据结构能去重能力,最终jobQueue 只会有一个effect副作用函数。这时queueFlush也会类似的执行两次,但是由于isFlushing 标志的存在,实际上在一个事件循环内只会执行一次,即在微任务队列里只执行一次。这时i已经是11了,所以最终输出了11,并不会输出其他多余内容,符合我们的预期。但是我们只关心结果并不关心过程 所以2这个输出是多余的。那么我们有了需求就去实现一下,原创 2022-09-18 22:05:07 · 554 阅读 · 0 评论 -
vue 描点定位scrollIntoView无法移动到指定位置
使用window.scrollTo即可window.scrollTo({top: this.$el.querySelector(’#xxx’ + e).offsetTop - 100,behavior: “smooth”})原创 2022-02-24 17:19:20 · 854 阅读 · 0 评论 -
VUE缓存:动态keep-alive
https://www.jianshu.com/p/11f7dbc07ad3转载 2021-04-29 19:01:21 · 113 阅读 · 0 评论 -
vue使用contenteditable 实现光标处插入自定义图片
vue使用contenteditable 实现光标处插入自定义图片前几天接到一个需求,要自定义编辑短信模板但是里面有 姓名,日期这样的标签,为了用起来方便于是决定让用户自己选中插入,类似富文本插入图片那样,好了废话不多说,展示。<template> <div class="content-padding"> <div class="shortMessage-tag"> <!-- 插入图片的标签 --> <img @原创 2020-12-31 18:46:28 · 2160 阅读 · 0 评论 -
vue中列表性能优化组件
vue-virtual-scroll-list 插件npm install vue-virtual-scroll-list --savenpm地址 https://www.npmjs.com/package/vue-virtual-scroll-list原创 2019-12-17 17:27:09 · 278 阅读 · 0 评论 -
ref 的事件绑定和移除
<ul class="ulEliminate" @mousedown="onMousedown" ref="ulRef" @mouseup="onMouseup"></ul>methods: { // 绑定 onMousedown () { this.$refs.ulRef.addEventListener('mousemove', thi...原创 2019-12-16 14:40:21 · 729 阅读 · 0 评论 -
Vue监听原生回车事件keyup.enter.native
keyup.enter.native以element button组件为例:// 监听按下 <el-input :type="pwdType" v-model="loginForm.password" name="password" placeholder="请输入密码" clearable ...原创 2019-12-16 11:42:48 · 989 阅读 · 0 评论