Javascript 如何在Vue JS中有条件地禁用下拉选择

我正在学习vue js，并尝试使用vue js创建条件输入组。我有两个单选按钮和一个下拉选择按钮。我想要的是，当选择收音机1时，下拉菜单被启用。当选择收音机2时，下拉菜单被禁用。我已经做了如下代码。有人能帮我吗

newvue({
el:“#应用程序”，
数据：{
无线电类型：[
{
名称：'Type 1'，
价值：60
},
{
名称：'Type 2'，
价值：70
}
],
}
});

{{data.name}
选择。。。
一个
两个
三
您不必创建计算属性，您可以像这样检查它

new Vue({
  el: '#app',
  data: {
    radioVal: '',
  }
});


第一台
第二台
选择。。。
一个
两个
三
您不必创建计算属性，您可以像这样检查它

new Vue({
  el: '#app',
  data: {
    radioVal: '',
  }
});


第一台
第二台
选择。。。
一个
两个
三
除了另一个答案之外，可能值得注意的是，理想情况下，计算机应该是纯的，没有所谓的“副作用”。这基本上意味着computed不应该更改其他变量，而是返回基于其他变量的内容（因此名为“computed”）。那么像这样,

radioEnable(){
  return this.radioVal === 'one';
}

但是如上所述，你甚至不需要这里的计算结果。
除了另一个答案之外，可能值得注意的是，计算结果最好是纯的，没有所谓的“副作用”。这基本上意味着computed不应该更改其他变量，而是返回基于其他变量的内容（因此名为“computed”）。那么像这样,

radioEnable(){
  return this.radioVal === 'one';
}

但是如上所述，您甚至不需要在这里进行计算。
我在上面的帖子中编辑了这个片段。如果我有一台动力型收音机呢？当选择了
类型2
时，如何根据单选类型禁用它？您不应该选中radioType
：disabled=“radioTypes.name==”type 2'
，而是选择radioVal来禁用单选按钮，因为在radioVal上，值将被修改<代码>：disabled=“radioVal==='type2'

。哦，是的，我明白了，我在上面的帖子中编辑了这个片段。如果我有一台动力型收音机呢？当选择了

类型2

时，如何根据单选类型禁用它？您不应该选中radioType

：disabled=“radioTypes.name==”type 2'

，而是选择radioVal来禁用单选按钮，因为在radioVal上，值将被修改<代码>：disabled=“radioVal==”Type 2'。哦，是的，我明白了