element中怎么用条件来禁用多个组件

求求大佬教一下方法。两个按钮 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

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632