uni-app input组件中@input 传参时怎么加上索引呢
时间: 2024-10-23 17:14:13 浏览: 22
在uni-app的`<u--input>`组件中,如果你想在`@input`事件传参时加上索引,可以稍微调整`limitByPoint`函数的调用方式。由于你在两个不同的输入框中都有相似的需求,我们可以创建一个通用的方法来接收索引作为额外参数。这里以`formData`对象为例,假设它是一个数组,每个元素都有一个对应的`input`字段:
```html
<u--input v-for="(item, index) in formData.inputs track-by="$index" :key="$index"
v-model="item.value"
:placeholder="item.placeholder"
@input="limitByPoint($event, item.precisionBefore, item.precisionAfter, $index)"
></u--input>
```
然后在`limitByPoint`函数内部,你可以访问这个索引来应用适当的限制:
```javascript
methods: {
limitByPoint(event, precisionBefore, precisionAfter, index) {
const currentValue = parseFloat(event.target.value);
// 根据索引进行相应的操作,比如修改formData[index].value
this.formData[index].value = Number.toFixed(currentValue, {precision: precisionAfter});
}
}
```
这样,每次输入事件触发时,`$index`变量会传递给`limitByPoint`函数,允许你根据索引动态地控制每个`input`字段的小数点位置限制。
阅读全文