element-ui中cascader组件回显问题

最新推荐文章于 2024-07-21 19:19:15 发布

小虎牙大萌眼睛

最新推荐文章于 2024-07-21 19:19:15 发布

阅读量1.5k

点赞数

分类专栏： element-ui ui框架使用中遇到的问题文章标签：前端

本文链接：https://blog.csdn.net/qq_38352648/article/details/124450548

版权

本文探讨了在使用Element-UI的Cascader组件时遇到的回显问题，具体表现为通过`this.$set`设置的值无法正确回显，尽管`value`没有问题，但与选项`option`匹配不成功。文章提供了问题解决方案，并预告将深入剖析问题的原因。

摘要由CSDN通过智能技术生成

背景

cascader组件回显问题

代码

  <el-cascader
                  :clearable="true"
                  :disabled="isOnlyChecked || !handlerSelectCustomerFlag"
                  v-model="NewFrom.specialPrice"
                  @change="changeInvoiceRulesValue"
                  :options="options"
                ></el-cascader>

 options: [
        {
          label: that.$t('semsVue.orderCenter.AGREEMENT_PRICE'),
          leaf: true,
          value: 1
        },
        {
          label: that.$t('semsVue.CUSTOM_PRICE'),
          leaf: true,
          value: 2
        },
        {
          label: that.$t('semsVue.CostPriceList.apecialPrice'),
          leaf: false,
          value: 3
        }
      ],
      NewFrom:{
      	specialPrice: [1], //Invoi