日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

el-cascader回顯失敗;el-cascader回顯不出來

作者:i_am_a_div_日積月累_ 更新時間: 2022-07-03 編程語言

—我的是省市聯動,選擇時候是正常的,得到的綁定值是數組 [‘安徽’,‘黃山’],沒問題;
但是在詳情查看時候,回顯成[‘安徽’,‘黃山’],下拉框卻不顯示回顯值。

原因:雖然data里初始化聲明變量是數組了,但是在賦值時候必須再次先聲明為數組 [ ],然后再賦值。或者是直接數組塞入值。在這里插入圖片描述

<el-cascader v-model="shengshi" :options="areaOptions2" placeholder="省市" ></el-cascader>
export default {
  data () {
    return {
      shengshi: [],
    }
  },
  methods: {
    getInfo () {
      if (res.data.province && res.data.city) {
        // el-cascader 回顯 要不先定義空數組 然后下標賦值    要不就是直接把值塞入數組
        
        // 直接賦值不行
        // this.shengshi[0] = res.data.province
        // this.shengshi[1] = res.data.city

		// 先聲明是數組 再賦值也可以
        // this.shengshi = []
        // this.shengshi[0] = res.data.province
        // this.shengshi[1] = res.data.city
		
		// 直接數組塞入值也可以
        this.shengshi = [res.data.province, res.data.city]
      } else {
        this.shengshi = []
      }
    }
  },
}

原文鏈接:https://blog.csdn.net/i_am_a_div/article/details/125543066

相關推薦

欄目分類
最近更新