vue 将表单设置成只读模式

方法一:设置 disabled
个人觉得 这个方法 页面虽然很明朗 但不美观 而且 如果表单很多的话 就得一个一个加 很麻烦

方法二:设置蒙版
用div包起来 提高层级 背景色可以不设置 也可以设置为透明色
但是缺点是 可能滚动条会滚动不了

方法三:通过css设置 pointer-events: none
去掉鼠标事件
这里有个问题就是 如果用 tab 键还是可以选中的

这个事件 也可以穿过该元素,点击到该元素下面的元素,比如 canvas这个按钮挡住了无法点击,按钮功能就无法实现,就可以设置 pointer-events: none;

你可能感兴趣的:(vue.js,前端,javascript)