input中的v-model双向绑定性别问题

数据库时数值类型,‘1’是男,‘2’是女
我已经使用了计算属性,他页面显示还是1

img

img

img

您好 您的计算属性是dsex 所以页面绑定直接绑定dsex 不要加doctor

因为你使用的计算属性是返回一个新值得,你绑定的是doctor.dSex,你计算属性是dSex,你打印dSex就是男或女,你双向绑定的不是dSex

  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7630746
  • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:Input组件封装的v-model问题
  • 除此之外, 这篇博客: v-model的双向绑定原理及相关例子中的 前言 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 双向绑定除了数据驱动 DOM 外, DOM 的变化反过来影响数据,是一个双向关系,在 Vue 中,我们可以通过 v-model 来实现双向绑定。

    v-model 即可以作用在普通表单元素上,又可以作用在组件上,它其实是一个语法糖,接下来我们就来分析 v-model 的实现原理。