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

Vuejs有条件地附加数据属性

custom-data-attribute conditional-statements vue.js

fefe · 技术社区 · 7 年前

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

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

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

2 回复 | 直到 7 年前

Georgi Antonov 7 年前

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

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

}

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

Yul94 6 年前

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

推荐文章

Ellio_Smoov · 使用通过自定义数据属性检索的选择器在音频播放上显示目标div

7 年前

ÐÐ°ÑÐ¸Ñ · 数据表。js:如何通过分页循环表中的行,访问单元格的自定义数据属性并在其中设置自定义html

7 年前

LeBlaireau · Jquery-使用数据属性选择父项

7 年前

fefe · Vuejs有条件地附加数据属性

7 年前

Francesca · 使用jQuery添加数据变量

9 年前

Adam · 使用javascript从本地存储中删除

9 年前

andrew · 使用链接创建具有数据属性的元素

10 年前

Ben · 如何将span元素的HTML设置为自定义数据属性的内容?

11 年前