有没有办法在javascript函数中返回html?

有没有办法在javascript函数中返回html?,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,我一直在为这个项目使用vue。我想尽我最大的能力构建这个应用程序。 所以我想利用类。但这是我面临的问题 我现在的代码: //models/page.js 导出默认类页面{ 静态createPage(){ 返回( 哎 ) } } //pages/index.vue //我制作了$page作为全球vue原型。这是有效的,不会产生问题 但这会产生以下错误 我知道你可以用php 功能测试(){ 返回导出默认类页面{ 静态createPage(){ 返回( “嘿” ) } } 这应该可以很好地工作。

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

我现在的代码:

//models/page.js
导出默认类页面{
静态createPage(){
返回(
哎

) } } //pages/index.vue //我制作了$page作为全球vue原型。这是有效的,不会产生问题
但这会产生以下错误

我知道你可以用php

功能测试(){
返回
导出默认类页面{
静态createPage(){
返回(
“嘿

” ) } }

这应该可以很好地工作。它会将HTML字符串附加到所需的位置。

您只需将HTML放在引号中,如:

export default class Page {
    static createPage() {
        return (
          `<p>hey</p>
           <p>hey</p>
           <p>hey</p>
           <p>hey</p>
          `
        )
    }
}
导出默认类页面{
静态createPage(){
返回(
` 哎

` ) } }

v-html
将其解析为html。

将您的

放在引号或记号之间,因为它现在不是字符串。您可以使用常规字符串或模板字符串以字符串形式返回html。您是否尝试模拟react.js行为?因为不建议考虑使用这种填充html内容的方法xss atacksyes我想像react那样做,但现在不行:(你应该读一读关于jsxyes的书,很抱歉我忘了标注尺寸,但这不是很好做。)如果我在页面中添加更多html,那么它有点凌乱。我想清除代码。是的,很抱歉我忘了标注尺寸,但这不是很好做。)如果我在页面中添加更多html,那么它有点凌乱。我想清除代码。那么你呢可以使用ES6模板字符串,它将用于多行。答案已更新。
export default class Page {
    static createPage() {
        return (
          `<p>hey</p>
           <p>hey</p>
           <p>hey</p>
           <p>hey</p>
          `
        )
    }
}