常见问题

  1. cl-formcl-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;
});
Last Updated: