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>

Answer 2

正确的语法

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

Vuejs 有条件地附加数据属性

Vuejs append data-attribute conditionally

conditional-statements

custom-data-attribute

vue.js