果然 vue3 还是有很多问题 使用一个element-plus 还是有很多问题 比如 我刚遇到的 输入到表单 无法回显问题 暂时无解，可能还是不如了解，但是使用了强刷新只有 数据是回显了 暂时还没遇到问题

哈哈哈 我又回来了 今天我才发现 是我自己的问题 因为 ref和model重名了 导致的这个问题 希望大家不要这样，ref为什么不能和model重名呢

如下

 <el-form>：代表这是一个表单
 <el-form> -> ref：表单被引用时的名称，标识
 <el-form> -> rules：表单验证规则
 <el-form> -> model：表单数据对象
 <el-form> -> label-width：表单域标签的宽度，作为 Form 直接子元素的 form-item 会继承该值
 <el-form> -> <el-form-item>：表单中的每一项子元素
 <el-form-item> -> label：标签文本
 <el-form-item> -> prop：表单域 model 字段，在使用 validate、resetFields 方法的情况下，该属性是必填的
 <el-input>：输入框
 <el-input> -> v-model：绑定的表单数据对象属性
 <el-input> -> style：行内样式
 <el-input> -> maxlength：最大字符长度限制

  	<el-form
          :model="UserObj"
          :rules="rules"
          ref="UserObj"
          label-width="80px"
          status-icon
          class="demo-ruleForm"
        >
          <el-form-item label="账号" prop="account">
            <el-input
              v-model="UserObj.account"
              @input="change($event)"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="密码" prop="password">
            <el-input
              v-model="UserObj.password"
              placeholder="请输入密码"
              show-password
              @input="change($event)"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button
              @click="handleLogin('UserObj')"
              type="primary"
              class="submit_btn"
              >登录</el-button
            >
          </el-form-item>
          <el-form-item>
            <el-link type="primary">找回密码</el-link>
          </el-form-item>
        </el-form>

export default defineComponent({
  name: "Login",
  setup() {
    const ctx = getCurrentInstance();
    const UserObj = ref({
      account: "",
      password: "",
    });
    const signUpMode = ref(false);
    // 校验规则
    const rules = ref({
      account: [
        {
          message: "用户名输入错误",
          required: true,
          trigger: "blur",
        },
      ],
      password: [
        {
          message: "密码输入错误",
          requried: true,
          trigger: "blur",
        },
        {
          min: 6,
          max: 10,
          message: "请正确输入密码",
          trigger: "blur",
        },
      ],
    });
    const handleLogin = (value: any) => {
    };
    // 设置这个方法 不适用 数据就可以回显 表示 无解
    const change = (e: string) => {};
    return {
      signUpMode,
      UserObj,
      rules,
      handleLogin,
    };
  },
});