项目场景：

用vant组件搭出购物车，要获取组件步进器的值

---

问题描述：

 点击步进器的 + - 后台获取中间的数值，五个页面商品是for循环出来的，五个步进器用的是同一个步进器。

---

解决方案：

将步进器单独取出封装成一个局部组件

<template>
<div>
    <!-- 步进器 -->
            <van-stepper
              theme="round"
              class="jishu"
              button-size="22"
              v-model="value"
              disable-input
              @change="cha()"
            />
            </div>
</template>
<script>
export default {
   data() {
    return {
      value: 1,
    };
  }, 
  methods: {
    cha(){
        this.$emit("qqq",this.value)
    }
  },
}
</script>

在另一个组件script中引入

import bujinqi from './bujinqi.vue'

// import { ref } from 'vue';

export default {

  components:{

    bujinqi

  },

methods：{
jl(a){
      console.log(a);
    }
}

在html中用

   <bujinqi  @qqq="jl($event)" class="bujinqi"></bujinqi>