vue v html 不能解析,vue中用v-html动态添加的内容不能被vue解析吗？

相关解答

太久没上segmentfault来，这两天登录才看到有朋友在问题下面问具体解决方法，很抱歉之前没有继续关注这个问答，没有及时提供回答。

v-html无法被解析编译的原因下面提供回答的同学也有解释，这里简单提供下用组件解决该问题的方法：// html部分

Vue.component('test-component', {

data: function () {

return {

inner_html: "this is a test!"

}

},

template: `

{{str}}

`,

props: ['str']

})

new Vue({

el: "#components-demo",

data: {

str: "这是一个测试～"

}

})

题目描述

我在一个页面中用了v-html动态插入新的HTML内容，其中带了vue的数据绑定内容。但是没有解析出来，显示的是{{title}}

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

Document

var vm = new Vue({

el: "#app",

data: {

title: "这是一个测试"

},

methods: {

},

mounted: function() {

this.inner_html = `

{{title}}

`

},

});

问题描述

希望达到的效果是页面显示出title的数据(这是一个测试)，

但是页面渲染出来的是{{title}}

问题出现的环境背景及自己尝试过哪些方法

尝试过强制重新渲染 this.$forceUpdate() ——但是无效

相关代码

el: "#app",

data: {

title: "这是一个测试"

},

methods: {

},

mounted: function() {

this.inner_html = `

{{title}}

`

this.$forceUpdate()

},

});

求大神帮忙解答