天天看點

Vue項目中的小失誤 - 擷取el-cascade的value值擷取為undefined

項目種value值為空,是由于在傳遞參數時,參數名為id,而不是value。

在cascader中,value代表的是傳遞的屬性值,label則是标簽顯示的名字。

是以在代碼中将id轉化為value,将name轉換為label。

結構對比如下:

Vue項目中的小失誤 - 擷取el-cascade的value值擷取為undefined
Vue項目中的小失誤 - 擷取el-cascade的value值擷取為undefined

如果想傳遞多組監聽參數:

可以通過這樣的方式進行自定義監聽參數清單

<el-cascader
    v-model="searchCategoriesVal"
    :options="categoriesOptions"
    @change="(val) => onCategoriesChange(val, categoriesOptions)"
    placeholder="請選擇商品分類"
    class="select-box"
/>
           

繼續閱讀