如果选中复选框,Vue.js 禁用/启用下拉菜单?
P粉714844743
P粉714844743 2023-08-29 23:14:07
0
1
513

我正在尝试启用/禁用下拉菜单:选中我的框时进行组合选择。 当我添加名称时它可以正常工作,但当选中无客户端时,它不能在编辑名称中工作。

应禁用下拉列表,因为选择了“无客户端”,并且仅当我取消选中该框时才应启用该下拉列表。但是,当选中该框时,下拉菜单将启用,而当我取消选中该框时,下拉菜单将被禁用。

data: { editSelect: true, }, methods: { noClient() { this.editSelect = !this.editSelect; },
   

请帮助我理解我的代码哪里出了问题。另外,如果您对我应该如何针对此问题进行不同的编码有任何建议,请告诉我!

P粉714844743
P粉714844743

全部回复 (1)
P粉162773626

您可以在复选框上设置v-model并使用该值禁用下拉菜单。

const app = Vue.createApp({ data() { return { checkBox: false } } }) app.mount('#app')
 

checkBox: {{checkBox}}

    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!