vue+element+el-cascader 三级联动(省市区县)

我之前用过el-option来做三级联动，说实话还是有很大的区别，相比较option而言，cascader 更简单一些，但是也遇到了问题

我的页面代码是：

<el-form-item label="收货地区：" prop="shdzDq">
            <el-cascader
            ref="myCascader"
            v-model="province"
            :props="optionProps"
            :options="provinceData"
            placeholder="请选择省/市/区"
            clearable
          ></el-cascader>
        </el-form-item>

我的v-model获取到的是地区id，但是我后台需要存的数据是地区名称，然后百度搜索了一下，发现有一个办法可以解决

this.$refs['myCascader'].inputValue；

这个方法可以获取到读取名称，不懂的同学可以进一步百度

这里还有一个小bug，提取出来的数据是下面这种样式，但是我不需要中间的“/”

这就用到