vue下拉选择select option多选取值问题

最新推荐文章于 2024-07-15 17:50:58 发布

辛凡

最新推荐文章于 2024-07-15 17:50:58 发布

阅读量2.4k

点赞数

分类专栏： VUE 文章标签： vue javascript js

本文链接：https://blog.csdn.net/lojieo/article/details/105139551

版权

VUE 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

 <el-select v-model="rolePost" multiple  filterable allow-create default-first-option placeholder="请选择" @change="change">
     <el-option
      v-for="item in rolePosts"
      :value="item.id"
      :label="item.postName"
      :key="item.id" >

      </el-option>
</el-select>

 var vm = new Vue({
            el: "#app",
            data: {
               rolePosts:[
                    {id:6, postName: "名称1"},
                    {id:7, postName: "名称2"},
                    {id:8, postName: "名称3"}
               ],
               rolePost:[],
               id:0  
            },
            methods: {
                change:function(){
                    console.log(this.rolePost)
                },
            }

        })

粗陋代码，望您指导