vue.js属性的条件呈现

我想了解在Vue.js中有条件地呈现HTML属性的最佳方法是什么.例如,data-toggle="tooltip"如果当前实例有工具提示消息,请添加.

我现在的代码:

  {{ col.col_spec.title }}

虽然,我不太喜欢第二行...即使我在这里使用计算属性data-toggle,当没有工具提示显示时,我宁愿根本没有属性.

1> 小智..：

---

非常优雅的解决方案:

  {{ col.col_spec.title }}

是,是的,是的,只需要没有空字符串,但布尔值为false

---

这个答案是有条件地添加属性的唯一好处和[官方推荐](https://vuejs.org/v2/guide/syntax.html#Attributes)方式.但是,要删除该属性,它不一定必须是"false",但也可以是"null"或"undefined".

2> Bert..：

---

就像是:

  {{ col.col_spec.title }}

在Vue:

mounted(){
    if (this.col.col_spec.tooltip){
      this.$refs.column.setAttribute("data-toggle", this.col.col_spec.tooltip);
    }
}