常见问题
cl-form
、cl-upsert
下动态设置options
选项列表
- 方法一
使用 setOptions
方法设置 prop=userId
的选项:
const Form = useForm({
items: [
{
label: "选择员工",
prop: "userId",
component: {
name: "el-select",
options: []
}
}
]
});
Form.value.setOptions("userId", [
{
label: "神仙都没用",
value: 1
},
{
label: "何妨轻佻",
value: 2
}
]);
- 方法二
使用 ref
方式,当 list
值发生改变时,会自动更新
const list = ref([]);
const Form = useForm({
items: [
{
label: "选择员工",
prop: "userId",
component: {
name: "el-select",
options: list
}
}
]
});
// 获取数据列表
service.base.user.list().then((res) => {
list.value = res;
});
- 方法三
使用 computed
方式,当 options.user
值发生改变时,会自动更新
const options = reactive({
user: []
});
const Form = useForm({
items: [
{
label: "选择员工",
prop: "userId",
component: {
name: "el-select",
options: computed(() => options.user)
}
}
]
});
// 获取数据列表
service.base.user.list().then((res) => {
options.user = res;
});