Vue-JS:如何在v-for循环中将变量作为q-btn的label值?
解决方法
你只需要把label属性改成动态绑定循环中的number变量即可,修改后的代码如下:
<q-btn v-for="number in myList" :key="number" color="primary" :label="number" />
说明:
- 原来的
label="******"是固定的静态文本,不会随循环变量变化; - 使用
:label="number"(v-bind:label的简写语法),能把label属性的值和循环里的number变量关联起来,这样每个生成的按钮就会自动使用myList里对应的数字作为标签。
内容的提问来源于stack exchange,提问作者stacktrace2234
相关产品推荐
相关产品推荐

