el-cascader v-model="dataform.business" @change="changes()",加@change事件不会显示选中是文本,如何在@change事件处理这个问题


<el-cascader :options="option" v-model="dataform.business" @change="changes()">
                            <template slot-scope="{ node, data }">
                                <span>{{ data.label }}</span>
                                <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
                            </template>
                        </el-cascader>

console.log(this.dataform.business, 'bus');
            this.dataform.business = this.dataform.business[0] + '——' + this.dataform.business[1]
            console.log(this.dataform.business, 'bus1');
            

img

 this.$set('this.dataform','business',this.dataform.business[0] + '——' + this.dataform.business[1])

img

你传参是空

改一下
@change="changes" 或者 @change="changes($event)"

啊,我感觉你写的好像有点麻烦了啊,你:options绑定的option数组里的每个对象只要有value和label属性就好了啊,如果后端传给你的数据格式不是value和label字段,那你使用props属性转一下就好了,如果想使用—作为连接符,在separator属性里设置一下就好了啊