渲染html组件时执行某个方法,【Web前端问题】vue 利用v-html渲染页面的时候 如果在method内写了一个方法来渲染页面 ，组件加载不出来的情况吗？...

页面中一个元素内嵌套deals组件，前端根据后端返回固定字段替换成组件，但是页面中没加载出来。

!

回答：

你这样写组件渲染是不对的。或许render构建一下可以。

我之前处理富文本的时候写过一个类型的。

处理字符串为对象

'111111222111111111'变成[{type:1,value:'111111'},{type:2,value:'222'},{type:1,value:'111111111'}]

v-for遍历传入子组件

子组件判断type用不同的组件渲染

回答：

会不会把这个对象JSON.stringify(this.dataInfo.deals_list[p1].item)一下就可以了？

回答：

使用v-html这种方式是不能加载组件的！其实你的功能也就是常规的父子组件传值，只用注意生命周期就可以实现啦；

在父组件中加载子组件时候的顺序为：父组件created→父组件beforeMounted→子组件created→子组件beforeMounted→子组件mounted→父组件mounted;

如果我没有理解错的话：

import question from "./question.vue";

export default {

data() {

return {

content: '',

info: ''

}

},

components: {

question

},

created() {

this.content = 'question'

//更改这个值

this.info = '111'

},

};

子组件

子组件sdd

export default{

props:['post_info'],

mounted() {

console.log('child_msg',this.post_info)

},

}