KOCA版本 :4.6
KOCA模块 : TableEdit key-value组编辑
模块版本 :4.6
场景 :调整列表宽度
问题 :设定列表宽度时,不生效
报错细节 :
尝试解决方案:
<template>
<kui-table-edit
ref="kuiTableEditRef"
:data="data.value"
:items="items"
draggable
@save="saveData"
@rowSave="rowSave"
@onAdd="onAdd"
></kui-table-edit>
</template>
<script lang="ts" setup>
import { reactive, ref } from "vue";
const data = reactive({
value: [
{
xuehao: "1",
name: "张三",
age: "1",
score: "99",
},
],
});
const kuiTableEditRef = ref();
const items = [
{
prop: "xuehao",
label: "学号",
width: "20px",
},
{
prop: "name",
label: "姓名",
width: "20px",
},
{
prop: "age",
label: "年龄",
width: "20px",
mold: "select",
formatter: (data, item) => {
return item.label;
},
props: {
options: [
{
label: "25岁",
value: "1",
},
{
label: "26岁",
value: "2",
},
{
label: "27岁",
value: "3",
},
],
},
events: {
onChange: changeAge,
},
},
{
prop: "score",
label: "成绩",
width: "20px",
},
];
function saveData(data) {
console.log(data);
}
function rowSave(row) {
console.log(row);
}
function onAdd() {
kuiTableEditRef.value.addData();
}
function changeAge(val) {
console.log(val);
}
</script>