elementui plus输入框转大写,但是输入框是数组
时间: 2024-05-04 16:19:43 浏览: 117
Vue ElementUI实现:限制输入框只能输入正整数的问题
可以使用 `v-model` 和 `watch` 监听数组的变化,然后对数组中每个元素进行大写转换。具体实现可以参考以下代码:
```html
<template>
<div>
<el-input
v-for="(item, index) in inputList"
:key="index"
v-model="inputList[index]"
@input="onInput(index)"
></el-input>
</div>
</template>
<script>
export default {
data() {
return {
inputList: [], // 数组
};
},
watch: {
inputList: {
handler(val) {
// 对数组中每个元素进行大写转换
this.inputList = val.map((item) => item.toUpperCase());
},
deep: true,
},
},
methods: {
onInput(index) {
// 监听输入框输入事件,更新数组中对应位置的元素
this.$set(this.inputList, index, this.inputList[index]);
},
},
};
</script>
```
这样,每次输入框输入内容时,都会触发 `onInput` 方法更新数组中对应位置的元素,并且 `watch` 监听到数组变化后会对数组中每个元素进行大写转换。
阅读全文