首页 > 其他分享 >Vue阻止点击其他DOM节点失去输入框焦点

Vue阻止点击其他DOM节点失去输入框焦点

时间:2022-10-07 16:45:36浏览次数:53  
标签:Vue 输入框 焦点 DOM 阻止 节点

<view @mousedown.capture.prevent.stop="comfirm">
    <u-button size="medium" type="primary">确定</u-button>
</view>

mousedown事件使用capture修饰符配合prevent以及stop配合使用就可以阻止input失去焦点

标签:Vue,输入框,焦点,DOM,阻止,节点
From: https://www.cnblogs.com/L-zbing/p/16759991.html

相关文章

  • vite创建vue3+ts项目
    vite创建vue3+ts项目为何选择vite:vite是一个基于Vue3单文件组件的非打包开发服务器,它做到了本地快速开发启动:快速的冷启动,不需要等待打包操作;即时的热模块更新,替换性能......
  • Vue3移动端组件库Varlet源码主题阅读之一:本地启动服务时都做了什么
    本文为Varlet组件库源码主题阅读系列第一篇Vue开源的组件库有很多,基本各个大厂都会做一个,所以作为个人再重复造轮子其实意义也不是很大,但是笔者对于如何设计一个Vue组件......
  • 【Vue3.x】自定义hooks
    Vue3hooksvue2里的mixins相似,但是mixins会组件的配置项覆盖。vue3使用了自定义hooks替代mixnins,hooks本质上是函数,引入调用。封装自定义的hooks将图片转化成base64im......
  • 基于SSM+Vue企业员工培训管理系统Java公司内部培训系统(源码调试+讲解+文档)
    ......
  • Vue - data声明区别 data:{} 与 data(){return {}}
    data:{}:全局可见varvm=newVue({el:'#app',data:{title:'HELLO,WORLD!'}})data(){return{}}:只在当前组件中生效var......
  • vue 入门
    idea、webstorm、vsCode,都可以开发吧,脚手架vue-cli项目框架一搭建,就写代码了 --关于vue需要掌握的知识点--- 使用的开发工具是webstorm,它是默认就安装好了​​vuejs​​......
  • vue 2 坑编译系统
    errorin./src/components/NumberInfo/NumberInfo.vue?vue&type=style&index=0&id=4370c5af&lang=less&scoped=true&SyntaxError:TypeError:Cannotsetproperty'paren......
  • 【Vue3.x】自定义指令directive
    自定义指令directive不同于vue2指令bindinsertedupdatecomponentUpdatedunbind1.vue3指令中的钩子函数created元素初始化的时候beforeMount指令绑定到元素后......
  • 改造vue-webtopo-svgeditor2.1版本,兼容vue2
    原控件在 https://github.com/yaolunmao/vue-webtopo-svgeditor 是园子里的朋友 咬轮猫  开发的在网上发现大神开发这套组态,很符合项目要求,10.1期间准备融入项目,结......
  • Vue3使用可重复使用的Mixins
     这里有两个子页面是重复功能的,一个是点击事件,一个是鼠标移入事件点击事件  鼠标移入事件  效果      现在使用mixins新键一个文件夹minxs,再......