vue Element InputNumber 计数器传参数

当我们在列表中使用InputNumber 这个组件的时候

即想要计数器的值,又想给方法传递参数进行操作的时候,就用到了这个,官网文档并么有详细介绍,这里我踩个坑,

<div class="cart-one" v-for="(cartItem,index) in cartList" :key="index"><div class="cart-item flex-2"><img class="goods-img" :src="cartItem.logo" alt /><div class="gooda-name">{{cartItem.name}}</div></div><div class="cart-item">￥{{cartItem.price.toFixed(2)}}</div><div class="cart-item"><el-input-numberv-model="cartItem.buyNum"size="small"@change="((val)=>{handleChange(val, cartItem)})":min="1":max="100"label="描述文字"></el-input-number></div><div class="cart-item">￥{{cartItem.price.toFixed(2)}}</div><div class="cart-item cursor" @click="deleteBtn(cartItem.goodsId)">删除</div></div>

 handleChange(value,index) {console.log(value,index);},

vue Element InputNumber 计数器传参数相关推荐

vue+element语音上传
vue+element语音上传 html <el-form ref="audioForm" :model="audioForm" :rules=" ...
Vue自定义InputNumber 计数器组件
1.为什么要自己封装一个InputNumber 计数器组件? 因为原始的el-element的el-input-number组件有问题: 原生组件能输入英文,不能限制只能输入数值: 原始组件能通过键盘 ...
vue2.0 点击跳转传参--vue路由跳转传参数
vue中路由跳转传参数有多种,自己常用的是下面的几种通过router-link进行跳转通过编程导航进行路由跳转 1. router-link [html] view plaincopy <r ...
基于vue element 封装上传组件
基于vue element封装的上传组件使用方法: 1.首先引入该组件 2.注册组件 3.页面使用 4.回调函数(如需其他回调自行封装因为我暂时没用到其他的哈哈哈) <template& ...
vue axios解决post传参数问题
我相信遇到这个问题的兄弟们,不带参数的情况下都是没有问题吧, 如果有问题,百度吧,好解决,答案都比较靠谱这里主要针对带参数的情况,坑多另外,我默认你用postman带参测试接口是没问题的不多说, ...
Vue+element ui 上传视频
直接上代码 (利用了阿里云浏览器直传方式) <el-form-item label="视频:" :label-width="formLabelWidth" ...
vue element el-upload 上传文档、压缩包表格
el-upload 上传文档.压缩包表格废话不多say 上代码
VUE+element 上传视频
VUE+element上传视频效果展示 html部分 <el-form-item label="视频上传" prop="storageurl">& ...
vue+filter过滤器（多参数）传参 - 代码篇
vue+filter过滤器(多参数)传参 - 代码篇传1个参数 //html {{a1 | filterAa}} //js filters:{filterAa(a1){// a1是传入的参数} } ...

vue Element InputNumber 计数器传参数

vue Element InputNumber 计数器传参数相关推荐

最新文章

热门文章