You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.27 22:57:04