面试题组件上如何绑定v-model
时间: 2023-11-24 08:47:35 浏览: 38
在面试题组件上绑定 v-model 的方法与在普通组件上绑定 v-model 的方法是一样的,只需要在组件上添加一个 props,然后在组件内部使用这个 props 来实现数据的双向绑定即可。具体实现方法如下:
1. 在面试题组件中定义一个 props,用于接收父组件传递过来的数据:
```
props: {
value: {
type: Object,
default: () => ({})
}
}
```
2. 在组件内部使用这个 props 来实现数据的双向绑定:
```
<template>
<div>
<input v-model="value.title" />
<textarea v-model="value.content"></textarea>
</div>
</template>
```
3. 在父组件中使用 v-model 来绑定数据:
```
<template>
<div>
<interview-question v-model="question"></interview-question>
</div>
</template>
<script>
import InterviewQuestion from './InterviewQuestion.vue'
export default {
components: {
InterviewQuestion
},
data() {
return {
question: {
title: '',
content: ''
}
}
}
}
</script>
```