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

 <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)
                },
            }

        })

粗陋代码，望您指导