el-select 动态,v-model数组和字符串切换


<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 的分割数组
              row.selectedPositions = (row.usePosition || "").split(",");
          });
      }
  },
);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容