中input标签赋值_自学Ant Design Vue第一节Input标签与Select标签的常用方法
时间: 2023-12-14 10:39:06 浏览: 129
参考了_vue-element-admin_与_ant-design-vue-pro__等优秀的开源_vue-ant
在Ant Design Vue中,可以使用v-model指令来绑定input标签的值。例如:
```
<template>
<div>
<a-input v-model="inputValue" />
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
}
}
</script>
```
在上面的例子中,我们定义了一个input标签,并使用v-model指令将其值绑定到了组件的data中的inputValue属性上。这样,当用户在文本框中输入内容时,inputValue的值也会随之改变。
另外,我们还可以通过给input标签设置value属性来设置其默认值。例如:
```
<template>
<div>
<a-input :value="defaultValue" />
</div>
</template>
<script>
export default {
data() {
return {
defaultValue: '默认值'
}
}
}
</script>
```
在上面的例子中,我们给input标签设置了value属性,并将其绑定到了组件的data中的defaultValue属性上。这样,当组件渲染时,input标签的值就会被设置为“默认值”。
阅读全文