<template>
<div>
<el-form ref="ruleForm" :model="ruleForm" label-width="80px">
<el-input v-model="ruleForm.name" placeholder="姓名"></el-input>
<el-input
v-model="ruleForm.age"
type="number"
placeholder="年龄"
></el-input>
<el-form-item label="性别">
<el-radio-group v-model="ruleForm.gender">
<el-radio label="男"></el-radio>
<el-radio label="女"></el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<div>姓名:{{ ruleForm.name }}</div>
<div>年龄:{{ ruleForm.age }}</div>
<div>性别:{{ ruleForm.gender }}</div>
</div>
</template>
<script>
export default {
data() {
return {
ruleForm: {
name: "",
age: 10,
gender: "",
},
};
},
created() {
this.$watch(
() => [this.ruleForm.name, this.ruleForm.gender],
(val) => {
console.log(val);
}
);
},
};
</script>()
参考文档:https://wuqiang.blog.csdn.net/article/details/110265274