设置ant-design vue表单a-input输入类型为数字
在Ant Design Vue中，要设置a-input组件的输入类型为数字，可以使用type="number"属性。这样，输入框就只能接受数字输入，并且会带有一个小键盘，用于输入移动设备上的数字。
下面是一个简单的例子：
<template>
<a-form-item label="数量">
<a-input
type="number"
v-model="form.quantity"
@change="handleQuantityChange"
/>
</a-form-item>
</template>
<script>
export default {
data() {
return {
form: {
quantity: 0,
},
};
},
methods: {
handleQuantityChange(value) {
// 处理数量变化
console.log('新的数量:', value);
},
},
};
</script>在这个例子中，a-input组件被设置为数字类型，并通过v-model绑定到form.quantity数据模型上。当数量改变时，会触发handleQuantityChange方法。
评论已关闭