<QSelect
v-if="!readonly"
v-model="scope.row.selectedPositions"
:api="dictPath('Partsofuse')"
:multiple="true"
:dataProp="{ value: 'label', label: 'label' }"
:selected-value="scope.row.selectedPositions"
@change="() => updateUsePosition(scope.row, scope.$index)"
/>
<span v-else>{{ scope.row.usePosition }}</span>
const updateUsePosition = (row: any, index: number) => {
let data: any = tableData.value;
data[index].usePosition = row.selectedPositions.join(",");
emit("update:tableData", data);
};
watch(
() => tableData.value,
(newVal: any) => {
if (newVal) {
tableData.value.forEach((row: any) => {
// 初始化 selectedPositions 為 usePosition 的分割數(shù)組
row.selectedPositions = (row.usePosition || "").split(",");
});
}
},
);
el-select 動態(tài),v-model數(shù)組和字符串切換
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 在弄清楚如何獲取多個數(shù)據(jù)之前 要先弄明白這個:在select里面有個@change事件 此事件傳參是value...
- v-model 綁定checkbox select 以及v-model的修飾符 v-model的修飾符 lazy...
- 問題 在el-table中 el-input使用v-model雙向綁定失效,輸入框無法輸入 解決 在templat...
- 在vue項(xiàng)目中,在頁面動態(tài)渲染時,頁面渲染非常慢,有時需要十多秒才能渲染完成。開始以為是el-tabs造成頁面卡頓...