关键词搜索

全站搜索
×
密码登录在这里
×
注册会员
×

已有账号? 请点击

忘记密码

已有账号? 请点击

使用其他方式登录

微信小程序vant组件中van-field组件双向绑定

发布2022-06-01 浏览2584次

详情内容

在用vant小程序版weapp时,无法实现双向数据绑定,利用change或input事件可以动态实现双向绑定。

<van-field :value="oldpassword" label="旧密码"
    placeholder="请输入密码" clearable required></van-field>

一般  :value="oldpassword" 这样我们在vue中就可以直接数据双向绑定了但是在小程序中

标签输入的值不能赋给oldpassword(定义的值可以在输入框内显示),那么我们就达不到双向绑定的目的,

<van-field :value="oldpassword" label="旧密码"
    placeholder="请输入密码" clearable required 
    @change="oldpassword = $event.mp.detail"></van-field>

@change这个函数是可以改变标签内的值并赋值,这样就可以达到双向绑定的目的

<van-field :value="loginForm.username" 
placeholder="请输入用户名" 
required label="用户名" @input="loginForm.username=$event.mp.detail"/>


点击QQ咨询
开通会员
返回顶部
×
  • 微信支付
微信扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
确定支付下载