项目过程中发现了一个小问题,在动态创建的下拉菜单中,如何获取被选中的option的值;
这是我使用ElementUI框架的代码,前提你要有数据
<el-form-item label="酒店名称:" prop="selects">
<el-select v-model="ruleForm.selects" placeholder="请选择房间类型" @change="obtainValue"> // 这里是监听所选中的option
注意:这里的监听事件不要加到option上面,我在项目过程中经历过,是获取不到数据的
<el-option v-for="item in Select" v-bind:label="item.name" v-bind:value="item.id"></el-option> // 这里是遍历
</el-select>
</el-form-item>
最后我们获取到被点击的option的value值
obtainValue(value) {
console.log(value)
},
总结:对于项目出现的小问题,其实都是我们对知识了解不透彻所造成的,所以我们要多用,多问,多记,去解决我们所碰到的问题,既然入了IT行业,就要对自己负责。
说的一些废话,但还是希望对你有所帮助!有问题还是希望大神们指出哦!
网友评论