<template> <view class="content"> <h1 class="title">注册</h1> <view class="form"> <uni-forms ref="form" :modelValue="formData" :rules="rules"> <uni-forms-item name="iphone"> <input class="input" type="text" value="" v-model="formData.iphone" placeholder="请输入手机号" /> </uni-forms-item> <uni-forms-item name="password"> <input class="input" type="password" value="" v-model="formData.password" placeholder="请输入密码" /> </uni-forms-item> </uni-forms> <view class="loginBtn" @click="submit"> <text class="btnValue">注册</text> </view> </view> </view> </template>优化v-model绑定
时间: 2023-05-16 21:05:56 浏览: 102
cpp代码-模板 泛型 template<typename> template<class>
可以使用Vue的v-bind指令来优化v-model绑定,将其改为v-bind:value,例如:
<input class="input" type="text" :value="formData.iphone" @input="formData.iphone = $event.target.value" placeholder="请输入手机号" />
这样可以避免在每次输入时都触发formData的setter方法,提高性能。
阅读全文