美文网首页
关于vue中使用Element UI框架,下拉菜单选中问题

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

作者: 莫言_jc | 来源:发表于2018-05-05 18:40 被阅读0次

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

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/jnserftx.html