vue3 render+el-select不能回显是什么问题?
vue3 render函数方式创建el-select,不能回显是什么问题呢?
const handleRemove = () => {
const options = combination.value.mapList[VariableEnum.variable.toString()] ?? [];
const selected = ref();
const content = h("div", {}, [
h("p", { style: { marginBottom: "12px" } }, "已有变量配置绑定此组合方式,如要删除请选择替换组合方式"),
h(
// ElSelect,
'el-select',
{
// onChange: (val: any) => {
"onUpdate:modelValue": (val: number) => {
selected.value = val;
console.log(selected.value);
},
// value: selected.value,
modelValue: selected.value,
style: { width: "100%" },
placeholder: "请选择替换组合方式",
},
[
options.map((item: any) =>
h(ElOption, {
key: item.id,
label: item.title,
value: item.id,
})
),
]
),
]);
ElMessageBox({
title: "警告",
message: () => content,
}).then(() => {
console.log(selected.value);
// 处理删除逻辑
});
};
回复
1个回答
test
2024-06-23
找到原因了,conten不是写的函数,这样定义是一个常量了,肯定不会变化了
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容