Vuejs有条件地附加数据属性答案

【问题标题】：Vuejs append data-attribute conditionallyVuejs有条件地附加数据属性
【发布时间】：2017-09-14 11:17:12
【问题描述】：

我尝试在循环中向我的 vue 列表有条件地添加数据属性值，然后尝试以下操作

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

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

【问题讨论】：

标签： vue.js conditional-statements custom-data-attribute

【解决方案1】：

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

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

}

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

【讨论】：

【解决方案2】：

正确的语法

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

【讨论】：