Javascript VueJS-显示带变量的空v-html标记

我制作了一个递归组件。一个可以无限循环到其子对象上的对象

此组件的顶部是这一行，这是vue组件中的第一个元素：

<component class="relative " :is="type || 'div'" v-html="computed_content" :class="computed_classes">

如果组件没有子级，我想显示v-html。 我希望v-html为空，或者如果组件有子级，则包含子级

使用v-html=“”可以呈现子组件。 对于从计算内容返回的值，这似乎不起作用

简单的例子：

computed_content: function() {
  if (this.one_post.posts.length < 1) {
    return this.one_post.id + this.one_post.content
  }
  return --> what? false? null? ""?
},

计算内容：函数（）{
如果（此.1_post.posts.length<1）{
返回this.one_post.id+this.one_post.content
}
返回-->什么？false？null？“？
},

---

什么是让它工作的正确方法？使用v-html显示子组件或制作2个组件，1个用于内容，1个用于子组件，或者有更好的解决方案吗？

如果我理解正确，您可以（动态）将内容绑定到组件，如下所示：

v-bind={content: computed_content}" . //on the component
...
computed_content: function() {
  if (this.one_post.posts.length < 1) {
    return this.one_post.id + this.one_post.content
  }
  return --> what? false? null? ""?
}

组件上的

v-bind={content:computed_content}.//
...
计算内容：函数（）{
如果（此.1_post.posts.length<1）{
返回this.one_post.id+this.one_post.content
}
返回-->什么？false？null？“？
}

我不认为你可以调用你的组件

组件

在vue中有这样一个想法，所以我认为它会冲突。请看这里：@Michael-到目前为止，这工作没有冲突，我使用它来访问hmtl或vue元素，而不是使用vue实例。请看：使用v-bind，将内容显示为文本，我希望将内容显示为ht所以我想使用v-html。但是当使用v-html时，使用变量我不能在空元素或包含内容的元素之间切换。不，使用v-bind时，您只是将内容作为道具传递，然后您可以将其插入到v-html中（如果需要）。啊，要在父组件中确定，我将尝试一下。