学无先后，达者为师

网站首页 Vue 正文

vue中div禁止点击事件的实现_vue.js

作者：Sam young 更新时间： 2022-06-04 Vue

目录

div禁止点击事件
div作为按钮不可点击问题的处理

div禁止点击事件

在这里插入图片描述

在props里面定义一个判断是不是只读的属性。

在这里插入图片描述

在最外面的div里面添加三元表达式

在这里插入图片描述

pointer-events: none;是禁止鼠标点击事件

div作为按钮不可点击问题的处理

vue中div作为按钮，使用:disabled="flag"(flag为布尔类型)控制按钮是否可点击，发现无论flag为true还是false，div按钮都可点击。

解决方法，将div换成button。

原文链接：https://blog.csdn.net/young_sam/article/details/104792354

上一篇：Vue组件更新数据v-model不生效的解决_vue.js
下一篇：vue项目中图片懒加载时出现的问题及解决_vue.js

相关推荐

2022-03-30 Android中图片占用内存的深入分析_Android
2022-12-27 golang中日期操作之日期格式化及日期转换_Golang
2023-05-07 Python Matplotlib中使用plt.savefig存储图片的方法举例_python
2022-06-06 mui栅格布局的两种方式（grid和list，宫格和列表）
2022-09-09 python实现0到1之间的随机数方式_python
2022-04-18 Android申请相机权限和读写权限实例_python
2022-04-03 Go语言读取txt文档的操作方法_Golang
2022-06-12 python将Dataframe格式的数据写入opengauss数据库并查询_python

栏目分类

最近更新