标签:传参 methods value bujinqi 父间 步进 组件 import
项目场景:
用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>
标签:传参,methods,value,bujinqi,父间,步进,组件,import 来源: https://blog.csdn.net/weixin_45294459/article/details/120871159
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。