vue2中v-model使用三木运算符
时间: 2023-06-19 20:04:23 浏览: 207
在vue中v-bind使用三目运算符绑定class的实例
在Vue2中,可以使用三目运算符来实现v-model的双向绑定。例如:
```html
<template>
<div>
<input type="text" :value="message ? message : ''" @input="message = $event.target.value">
<p>{{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: ''
}
}
}
</script>
```
在上面的代码中,我们使用了三目运算符来判断`message`是否存在,如果存在则将其作为input的默认值,如果不存在则设置为空字符串。同时,我们也在input的@input事件中更新了`message`的值,从而实现了双向绑定。
阅读全文