Vue.js-元素UI-MessageBox中的HTML消息

我使用的是

vue js2.3

和

元素ui

。此问题更具体地针对

MessageBox

组件，您可以找到该组件的文档

问题 我希望能够在

消息框中输入
html
消息

更具体地说，我想使用

v-for

循环来显示

dataForMessage

中包含的数据

显然，我们可以在消息中插入

vnode

，但我不知道在哪里可以找到有关语法的信息

---

我想这就是你想要的

methods: {
  open() {
    const h = this.$createElement;
    let people = this.dataForMessage.map(p => h('li', `${p.name} ${p.gender}`))
    const message = h('div', null, [
      h('h1', "Model wished"),
      h('div', "The data contained in dataForMessage are:"),
      h('ul', people)
    ])
    this.$msgbox({
      title: 'Message',
      message
    }).then(action => {
    });
  },
}

---

.

您也可以直接使用html，并通过使用domProps转换为VNode：

const html = '<div><h1>Model wished</h1><div>The data contained in dataForMessage are:</div><ul><li>Paul Male</li><li>Anna Female</li></ul></div>'
const message = h("div", {domProps:{innerHTML: html}})

const html='Model-wishedataformmessage中包含的数据是：
Paul Male
Anna Female
'
const message=h（“div”，{domProps:{innerHTML:html}}）

（以上内容在没有循环的情况下进行了简化。只是为了获得想法）

---

您能举一个您想要的HTML布局示例吗？此外，这是createElement的文档。我更新了这个提琴，给你一个我想要的HTML的例子。我的问题更多的是，我不知道如何使用变量并使用

vnode

语法进行循环。基本上，我想打开一个

确认对话框

，通过循环显示我想要的任何数据，也许你可以用“dialog”来代替：这正是我想要的。再次感谢你们！

const html = '<div><h1>Model wished</h1><div>The data contained in dataForMessage are:</div><ul><li>Paul Male</li><li>Anna Female</li></ul></div>'
const message = h("div", {domProps:{innerHTML: html}})