步进器动态渲染绑定动态变量

最新推荐文章于 2024-04-08 12:32:17 发布

忄忄zx

最新推荐文章于 2024-04-08 12:32:17 发布

阅读量352

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/qq_49267744/article/details/118972819

版权

<div v-for="item in goodsList" :key='item.id'>
    <nut-stepper
     :value.sync="item.goodsNum"  // 动态绑定的变量
     :min="0"
     :max="item.amount"
     @change="clickStep"
    ></nut-stepper>
</div>


// 调接口获取 goodsList的数据
const data = res.data.data

// 添加一个 变量作为 上面步进器:value.sync的变量
data.forEach(item=>{

this.goodsList.push({
    ...item,
    goodsNum
  })
})

// 点击步进器 触发clickStep 方法
clickStep() {
    console.log(this.goodsList)  
    // this.goodsList的数据为[{},{}] 每个对象里面会包含一个 goodsNum
}