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>