vue按钮禁止_vue禁用按钮click

link管理
链接快照平台
输入网页链接，自动生成快照
标签化管理网页链接
vue按钮禁止

通过给按钮设置 pointer-events:none;就可以不执行按钮事件。通常默认值为pointer-events:auto；
 <button  @click="addItem"  :class="{'btn-onlyRead':btnDisabled==true}">
      <img class="add-img" />
 </button> 
 .btn-onlyRead{
        pointer-events:none;
                    vue按钮禁止通过给按钮设置 pointer-events:none;就可以不执行按钮事件。通常默认值为pointer-events:auto； &lt;button  @click="addItem"  :class="{'btn-onlyRead':btnDisabled==true}"&gt;      &lt;img class="add-img" /&gt; &lt;/button&gt;  .btn-onlyRead{        pointer-events:none;   
clickTable(row, column, cell, event){
    if (column.label == '操作') {
        return false // 判断为"操作"栏的就不用展开table
    } else {
      this.$refs.refTable.toggleRowExpansion(row)
就是这个操作，在点击整行是要展开的，但这样点
:disabled="param.username === '' || param.password === '' || param.captcha === '' || validator(param.password)"
二、完整代码
若用户名、密码为空或者密码未.
				方法一：使用vue阻止子级元素的click事件冒泡。简单得：可以直接用stop
<div @click="test1()">    
    <span @click.stop="test2()">按钮1</span>    
    <span>按钮2</span> 
这样点击div里面的按钮1，就不会触发div绑定时间test1()方法。
方法二：可以自己写个阻止冒泡事件 然后在发生冒泡的元素中调用这个事件
const preventReClick = Vue.directive('preventReClick', {
    inserted: function(el, binding) {
        el.addEventListener('click', () => {
            if (!el.disabled) {
                el.disabled = true
				1、在项目中遇到一个问题：当事件中的代码执行耗费时间，且用户在短时间不断点击按钮，造成短时间多次触发了按钮的事件（不断向服务器发起请求）
2、解决办法
方法一： 定义一个变量（如：isLock）来控制按钮的disable属性，进而来防止用户短时间的多次点击按钮方法二：全局定义一个指令，通过在按钮绑定指令来控制按钮被点击间隔时间方法三：只可以点击一次。3、具体实现：
方法1步骤：
① 首先设置变量isLock属性值为false,使得按钮可点击（disable: true）
② 当用户点击后，立即设置按钮不可点
				警告：Component is missing template or render function.
在写vue项目时，网页没有加载出来东西一片空白，然后控制台出现黄色的警告：
原因是：在引入模块的时候没有写后缀！！！
加上.vue后就可以正常显示了。
				unterminated string constant 问题解决
在写代码的时候出现了报错，unterminated string constant
<SelectBox style="margin-left:1rem;" :parameter="'Day'" :boxWidth="'9.2'" :tip="'day'" :OptionValue="data[1]></SelectBox>
找了好久问题，发现格式出错了，标签少一边双引号，在data[1]后加上双引号之后就没问题了
				右键点击事件为@contextmenu.prevent.stop=‘’
<div   @contextmenu.prevent.stop="rightClick(event)"></div>
 function rightClick(id) {
            console.log(id)
				Vue禁止点击事件的实现方法有多种，以下是其中三种常见的方式：
1. 通过设置一个定时器，在一定时间内将按钮禁用，一定时间之后用户可再次点击。
2. 定义一个点击事件，再点击后为其解绑就会只可点击一次。
3. 用指令的方式实现，全局注册，防止重复点击。
需要注意的是，以上三种方式都需要在Vue组件中进行实现，具体实现方式可以根据实际需求选择。同时，为了提高代码的可读性和可维护性，建议在实现过程中添加必要的注释和命名规范。
                解决报错：Module not found: Error: Can‘t resolve ‘element-plus/lib/theme-chalk/index.css‘
                    敲代码的柯基: 
                    是不是组件没有全局挂在啊