在javascript函数中是否可以返回html？

Question

我一直在为这个项目使用vue。我想尽我所能来构建应用程序。所以我想利用类。但这是我面临的问题。

现在我的代码：

// models/page.js
export default class Page {
    static createPage() {
        return (
            <p>hey</p>
        )
    }
}

// pages/index.vue
// I made $page work as a global vue prototype. this works and gives not problem
<template>
  <div v-html="this.$page.createPage()"/>
</template>

但这会出现以下错误

我知道您可以在php中使用

function test() {
    return <<<EOT
        <html>
            <body><h1>HELLO</h1></body>
        </html>
    EOT;
 }

但是在js中有什么办法吗？

Answer 1

export default class Page {
    static createPage() {
        return (
            "<p>hey</p>"
        )
    }
}

这应该工作得很好。它将HTML字符串附加在所需的位置。

Answer 2

您只需将html放在引号中，例如：

export default class Page {
    static createPage() {
        return (
          `<p>hey</p>
           <p>hey</p>
           <p>hey</p>
           <p>hey</p>
          `
        )
    }
}

v-html会将其解析为html。

在javascript函数中是否可以返回html？

问题描述投票：0回答：2

2个回答

最新问题

在javascript函数中是否可以返回html？

问题描述 投票：0回答：2

2个回答

最新问题

问题描述投票：0回答：2