哪位大哥帮忙改写下下面这几行代码用vue3 的写法,就是data里 两个 var 的方法
export default {
name: "Login",
data() {
var validatePass = (rule, value, callback) => {
if (value === "") {
callback(new Error("请输入密码"));
}
};
var validateUsername = (rule, value, callback) => {
if (value === "") {
callback(new Error("请输入手机号"));
}
};
return {
ruleForm: {
pass: "",
username: "",
},
rules: {
username: [{ validator: validateUsername, trigger: "blur" }],
pass: [{ validator: validatePass, trigger: "blur" }],
},
};
},
setup() {
const state = reactive({
// ruleForm: {
// username: "",
// password: "",
// },
// rules: {},
});
return {
...toRefs(state),
};
},
};
export default {
name: "Login",
data() {
var validatePass = (rule, value, callback) => {
if (value === "") {
callback(new Error("请输入密码"));
}
};
var validateUsername = (rule, value, callback) => {
if (value === "") {
callback(new Error("请输入手机号"));
}
};
return {
ruleForm: {
pass: "",
username: "",
},
rules: {
username: [{ validator: validateUsername, trigger: "blur" }],
pass: [{ validator: validatePass, trigger: "blur" }],
},
};
},
setup() {
const state = reactive({
// ruleForm: {
// username: "",
// password: "",
// },
// rules: {},
});
return {
...toRefs(state),
};
},
};
展开
2
1
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)