代码之家 › 专栏 › 技术社区 › fefe

Vuejs有条件地附加数据属性

custom-data-attribute conditional-statements vue.js

4

fefe · 技术社区 · 8 年前

我尝试有条件地将数据属性值添加到我的vue循环列表中,并尝试以下操作

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

但在这种情况下,如果在html标记外转储,则列表不再呈现 {{model.parent_id !== null ? model.parent_id : 0}}

2 回复 | 直到 8 年前

1

7

Georgi Antonov 8 年前

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

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

}

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

2

3

Yul94 7 年前

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