写一个uniapp的具有校验功能的登录页的代码
时间: 2023-03-15 18:09:37 浏览: 72
可以参考以下代码:<template>
<view class="container">
<input class="username" v-model="username" placeholder="用户名" />
<input class="password" v-model="password" placeholder="密码" type="password" />
<button class="button" @click="login">登录</button>
</view>
</template><script>
export default {
data() {
return {
username: '',
password: ''
}
},
methods: {
login() {
if (this.username === '') {
uni.showToast({
title: '请输入用户名',
icon: 'none'
})
return
}
if (this.password === '') {
uni.showToast({
title: '请输入密码',
icon: 'none'
})
return
}
// 登录成功后的业务逻辑
}
}
}
</script>