Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何根据VueJS中选定的选项动态显示div?_Javascript_Html_Vue.js_Vuejs2 - Fatal编程技术网

Javascript 如何根据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

我正在VueJS中创建一个下拉列表。我希望能够根据所选选项动态显示div

这是密码

导出默认值{
数据(){
返回{
选中:“选择选项”,
选项:[
{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>