uniapp 表单校验uni-forms

<uni-forms :value="loginForm" ref="loginForm" :rules="loginRules" validate-trigger="bind" >
      <uni-forms-item name="phone" label="手机号">
            <uni-easyinput type="text" v-model="loginForm.phone" placeholder="点击输入手机号"></uni-easyinput>
       </uni-forms-item>
       <uni-forms-item name="pwd" label="密码">
            <uni-easyinput type="text" v-model="loginForm.pwd" placeholder="点击输入密码"></uni-easyinput>
       </uni-forms-item>
</uni-forms>

 

<script>
    export default {
        data() {
            return {
                loginForm: {
                    phone: '',
                    pwd: ''
                },
                // 密码登录校验规则
                loginRules: {
                    phone: {
                        rules: [{
                            required: true,
                            errorMessage: '请输入手机号码'
                        }]
                    },
                    pwd: {
                        rules: [{
                            required: true,
                            errorMessage: '请输入密码'
                        }]
                    }
                },
            }
        },
        methods: {
            // 提交表单
            goPath(validateForm) {
                this.$refs[validateForm].validate(valid => {
                    if (!valid) {
                        uni.switchTab({
                            url: "../home/home"
                        })
                    }
                })
            }
        }
    }
</script>