Vuejs追加数据属性有条件

Question

我尝试有条件地将数据属性值添加到上环我的VUE列表，我尝试以下

<ul data-parent="{{model.parent_id !== null ? model.parent_id : 0}}"></ul> 

但在这种情况下，列表不会呈现了，如果转储外部html标记{{model.parent_id !== null ? model.parent_id : 0}}比我看到正确的输出

Answer 1

在此之前使用:，我会创建一个像这样的计算属性。

computed: { 
    parentId() { 
     if (this.model.parent_id !== null) 
      return this.model.parent_id 
     return 0; 
    } 

} 

<ul :data-parent="parentId"></ul>