在vue3中input还能使用:value
时间: 2024-05-10 13:21:21 浏览: 152
利用JS响应式修改vue实现页面的input值
在Vue 3中,`:value`指令已经被`v-model`指令取代了。使用`v-model`指令可以更简洁地绑定数据和监听输入事件。
例如,如果要绑定一个输入框的值到一个`data`属性,可以这样写:
```
<template>
<div>
<input v-model="inputValue" />
<p>{{ inputValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
}
}
</script>
```
这样就可以实现双向数据绑定了。在输入框中输入内容时,`inputValue`会自动更新,同时在页面上也会显示出来。
阅读全文