Javascript 如何根据VueJS中选定的选项动态显示div?
我正在VueJS中创建一个下拉列表。我希望能够根据所选选项动态显示div 这是密码Javascript 如何根据VueJS中选定的选项动态显示div?,javascript,html,vue.js,vuejs2,Javascript,Html,Vue.js,Vuejs2,我正在VueJS中创建一个下拉列表。我希望能够根据所选选项动态显示div 这是密码 导出默认值{ 数据(){ 返回{ 选中:“选择选项”, 选项:[ {id:1,名称:'A'}, {id:2,名称:'B'}, {id:3,名称:'C'} ] } }, } 选择选项 {{option.name} 你好 您的选择输入被绑定到所选变量,选项不会更改。你是说v-if=“selected==1”?你可以看看这个 二 其中,根据所选的检查div 每次我在选项之间切换或应用程序第一次加载时,“HELL
导出默认值{
数据(){
返回{
选中:“选择选项”,
选项:[
{id:1,名称:'A'},
{id:2,名称:'B'},
{id:3,名称:'C'}
]
}
},
}
选择选项
{{option.name}
你好
您的选择
输入被绑定到所选
变量,选项
不会更改。你是说v-if=“selected==1”
?你可以看看这个
二
其中,根据所选的检查div
每次我在选项之间切换或应用程序第一次加载时,“HELLO”值保持不变
因为条件保持为真选项[0]。id==1
是。看起来我犯了那个错误。谢谢
<div v-if="selected === 2">
two
</div>