Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 评估用v-HTML注入的HTML_Javascript_Vue.js_Vuejs2_Vue Component - Fatal编程技术网

Javascript 评估用v-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>!'; 返回“你好,世界!”!我的名字是

当原始HTML包含需要评估的Vue标记时,如何使用Vue注入原始HTML

例如,当HTML来自一个变量时,可以使用它来呈现HTML:

{
计算:{
标记(){
返回“你好,世界!”;
},
},
}
这将很好地工作,但是如果
markup
computed属性还包括自定义的Vue组件呢

return 'Hello <em>World</em>! My name is <my-name></my-name>!';
返回“你好,世界!”!我的名字是;
在这种情况下,不幸的是,
将不会被计算,而是按原样呈现


我该如何“Vue-fied”它,以及在这种情况下范围是如何工作的?

我仔细阅读了文档,发现它实际上不可能“开箱即用”,因为它有点反模式

然而,我试图解决的问题需要它,因为我希望能够在翻译文本的任意位置注入自定义组件

我最终使用了

这里唯一的限制是,如果要从包含指令的上下文中传递属性,例如
name
,则必须通过
$parent
引用该属性

返回“你好,世界!”!我的名字是;
使用方法如下:

渲染时,上述操作与执行此操作相同:


你好,世界!我的名字是!


您需要完全通用的内容,还是以某种方式对其进行限制?
:is
属性可能很有用@伯尼:是的,完全通用。基本上是HTML的混合,包括由变量提供的任何有效的Vue标记。