Vue下button与element-ui el-button禁用属性

html button元素

html button元素禁止是使用属性disable

<button disable="disable">点击</button>

Vue下使用变量来控制disable值是

<button :disable="dis">点击</button>

Vue中：

<script>
    export default{
        data(){
            return {
                dis: false
            }
        }
    }
</script>

element-ui中el-button元素

使用属性disabled来控制是否禁用

<el-button type="info" disabled>信息按钮</el-button>

也可以使用Vue变量来控制

<el-button plain :disabled="can_not_completed==1">开始测试</el-button>

<script>
    export default{
        data(){
            return {
                can_not_completed: 0
            }
        }
    }
</script>