vue的多级联动问题

Question

如图所示，比如我选择了河北，点了石家庄，:class="item === nowPrice ? 'lan' : ''" 这样就加上了颜色，然后点击确定没问题再打开显示石家庄没问题，如果不点确定 点body关闭之后再打开应该还是全球，这应该怎么实现，求指导

Answer 1

解决了，有重新定义了一个变量，选择了点击确定就赋值给变量，不点确定不赋值，点击打开的时候让选择值等于变量默认就是选中的了

Answer 2

那就在点击body关闭的时候把数据重新更新为全球

Answer 3

定义一个变量是否点击确定，是否有保存确定值，如没有，则open时置为全球。

Answer 4

监听联动组件visible（控制显示隐藏的属性），当隐藏的时候去更改。可以定两个变量来保存上次确定的值，如果没有确定就不修改。:class="item === nowPrice || confirmValue ? 'lan' : ''", 确定的时候把nowPrice重置为空字符串。

Answer 5

比如这个;
你目前得应该是change事件赋值给 select
你改成点点击确定按钮 赋值 给 select

<el-cascader :options="options" v-model="select"></el-cascader>