elementUI- MessageBox 如何传入一个变量数组进行渲染？

Question

接口请求成功之后，返回一个数组给用户以弹窗的模式提示
代码如下

现在写法如下：

 if (res.result.length) {
              this.$alert(
                `<div v-for="${item in res.result}">${item}</div>`,
                "上传反馈",
                {
                  confirmButtonText: "确定",
                  dangerouslyUseHTMLString: true,
                }
              );
            }

执行报错 item undefined 应该是拼接的html片段不对 求教这个地方应该怎么处理？

Answer 1

原来可以直接写 不用遍历

 if (res.result.length) {
              this.$alert(`<div>${res.result}</div>`, "上传", {
                confirmButtonText: "确定",
                dangerouslyUseHTMLString: true,
              });
            }

Answer 2

我猜你是想对数据做一些处理再渲染。

const list = ['版本更新', '功能迭代']
list = list.join(",").replace(/,/g, "；<br/>");
MessageBox.alert(`<div>${list}</div>`, "发现版本更新，是否更新", {
      confirmButtonText: "更新",
      dangerouslyUseHTMLString: true
    });