vue3 render+el-select不能回显是什么问题?

作者站长头像
站长
· 阅读数 5

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个回答
avatar
test
2024-06-23

找到原因了,conten不是写的函数,这样定义是一个常量了,肯定不会变化了

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容