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