网络图片本地化 APP版本更新 获取表单的值 小程序分享 缓存 唤醒高德并自动导航 判断用户左滑右滑 瀑布流插件 自定义组件创建与使用 小程序静默登录获取code和openid HBuilder X 连接MuMu模拟器 uniapp复制文本内容到剪贴板 小程序,图片点击放大

获取表单的值

首页 > 前端开发 > uniapp 更新日期:2023-10-15 10:37:44

想要在uni-app中,获取表单,如input、textarea的值,传统的dom获取方式是不行的,需要使用双向绑定。

首先,在data的return中,新建一个属性,名称随意,这里取名为input,如下:

data() {
  return {
    'input': ''
  }
},

然后,前往视图层,给相应表单添加v-model,如下:

<input type="text" value="" placeholder="请输入要查询的服务" v-model="input" />
<button @click="click()">

最后,前往methods,创建一个获取表单值的函数,如下:

click() {
    console.log(this.input);
}

over!


标题导航