关于vue中使用Element UI框架,下拉菜单选中问题

2018-05-05  本文已影响0人  莫言_jc

项目过程中发现了一个小问题,在动态创建的下拉菜单中,如何获取被选中的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行业,就要对自己负责。

说的一些废话,但还是希望对你有所帮助!有问题还是希望大神们指出哦!

上一篇下一篇

猜你喜欢

热点阅读