javascript - 如何在 vue.js 组件中动态添加属性
问题描述
我正在使用 NYT REST API 制作新闻网站。我想使用document.getElementsByClassName()为组件动态添加属性
例如,我想为我的组件添加一个标题(标题实际上是一个字符串类型的道具),我想使用循环动态添加它。我已经在给定的代码片段中正常添加了它,但是如果我有 30 个组件并且我有一个数组中的数据并且我想从该数组中给出标题怎么办。
<News_Card class="card" :title='this.all_data[0].title' />
我希望使用循环添加这个:title='this.all_data[0].title
解决方案
您可以使用v-for
指令来呈现all_data
项目:
<News_Card class="card" v-for="(item,index) in all_data"
:title='item.title' :key="index" />
推荐阅读
- algorithm - 确定大O,是否简化?
- angular - SyntaxError:意外的令牌“导出”(d3zoom)
- c - 我最后的提示回答了自己。我该怎么办?
- django - 在 Django 中,如何使用当前的 detailview 对象初始化表单?
- apache-spark - 为什么我的胶水表创建路径错误?
- android - VLC for Amazon Fire:从源代码编译
- python - 当 main() 函数没有调用/执行其他函数时该怎么办?
- python - 如何在 github.io 上运行 python 文件
- database - 为什么iotdb zeppelin-interpreter jar 不包含依赖包?
- r - FUN 中的错误(左,右):二元运算符的非数字参数