求求大佬教一下方法。两个按钮 B C 当B为0时 c为0时 多个组件(输入框 按钮)可以修改 B为0 C为0时 多个组件不可以修改 当 B 为 1 时 C变为 0 且不可以修改。有没有方法实现?
额,BC为0可以修改,B=1 C=0不可以修改?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="app">
B: <input type="text" v-model="B" /> C: <input type="text" v-model="C" />
<button :disabled="B == 1 && !C">按钮</button>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.min.js"></script>
<script>
new Vue({
el: '#app',
data() {
return {
B: 1,
C: 0
}
},
})
</script>
</body>
</html>
用v-if,v-show等控制控件的显示。
按照你的描述 写个监听,定义一个bool类型变量
监听B C变化,更改bool值
一般组件都有禁用属性 disabled