Javascript 评估用v-HTML注入的HTML
当原始HTML包含需要评估的Vue标记时,如何使用Vue注入原始HTML 例如,当HTML来自一个变量时,可以使用它来呈现HTML:Javascript 评估用v-HTML注入的HTML,javascript,vue.js,vuejs2,vue-component,Javascript,Vue.js,Vuejs2,Vue Component,当原始HTML包含需要评估的Vue标记时,如何使用Vue注入原始HTML 例如,当HTML来自一个变量时,可以使用它来呈现HTML: { 计算:{ 标记(){ 返回“你好,世界!”; }, }, } 这将很好地工作,但是如果markupcomputed属性还包括自定义的Vue组件呢 return 'Hello <em>World</em>! My name is <my-name></my-name>!'; 返回“你好,世界!”!我的名字是
{
计算:{
标记(){
返回“你好,世界!”;
},
},
}
这将很好地工作,但是如果markup
computed属性还包括自定义的Vue组件呢
return 'Hello <em>World</em>! My name is <my-name></my-name>!';
返回“你好,世界!”!我的名字是;
在这种情况下,不幸的是,
将不会被计算,而是按原样呈现
我该如何“Vue-fied”它,以及在这种情况下范围是如何工作的?我仔细阅读了文档,发现它实际上不可能“开箱即用”,因为它有点反模式 然而,我试图解决的问题需要它,因为我希望能够在翻译文本的任意位置注入自定义组件 我最终使用了 这里唯一的限制是,如果要从包含指令的上下文中传递属性,例如
name
,则必须通过$parent
引用该属性
返回“你好,世界!”!我的名字是;
使用方法如下:
渲染时,上述操作与执行此操作相同:
你好,世界!我的名字是!
您需要完全通用的内容,还是以某种方式对其进行限制?
:is
属性可能很有用@伯尼:是的,完全通用。基本上是HTML的混合,包括由变量提供的任何有效的Vue标记。