vuejs - v-model不更新类属性。
提问于 2021-10-10 05:41:52
窗体和v-模型存在问题，无法更新类的属性
为了使它快速，这里是真正的基本样本，什么是不像我所期望的
<input placeholder="Title"
v-model="title"
type="text">
<button @click="send">send</button>@Component
export default class Home extends Vue {
public title = ''
send = async(): void => {
console.log(this.title)
}
}console.log打印默认属性值(空字符串)，并且当我在输入中键入某些内容时不会更新。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-10-10 06:38:21
实际上，title值是根据用户输入进行响应和更新的。根据vue类组件文档，当要访问this时，不应在类组件中使用箭头函数。
如果将箭头函数定义为类属性并在其中访问该属性，则它将无法工作。这是因为在初始化类属性时，这只是Vue实例的代理对象。
因此，这将是在控制台中记录的工作和正确值：
@Component
export default class Home extends Vue {
public title = ''
send(): void {
console.log(this.title)
}
}要获得更多详细信息，请访问此页。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69515683
复制相关文章
腾讯云开发者
