vue表单验证rules，及提交按钮动态设置

      :model="loginForm"
      :rules="rules"   

 <el-form-item prop="username">
          联系方式：<el-input
            style="width: 300px"
            type="text"
            v-model="loginForm.username"
            auto-complete="off"
            placeholder="账户"
          >el-input>
        el-form-item>

        <el-form-item prop="password">
          密码：<el-input
            style="width: 300px; margin-left: 25px"
            type="password"
            v-model="loginForm.password"
            auto-complete="off"
            placeholder="密码"
          >el-input>
        el-form-item>

  rules: {
        username: [{ required: true, message: "请输入账号", trigger: "blur" }],
        password: [{ required: true, message: "请输入密码", trigger: "blur" }],
      },
      loginForm: {
        username: "",
        password: "",
      },

按钮设置以及回车绑定

 <el-form-item style="width: 100%">
          <el-button
            type="primary"
            style="width: 75%; margin-left: 68px"
            @click="submitClick"
            @keyup.enter.native="submitClick"
            :disabled="!canSubmit"
            >登录el-button
          >

      // 点击回车键登录
    keyDown(e) {
      // 回车则执行登录方法 enter键的ASCII是13
      if (e.keyCode === 13) {
        this.submitClick(); // 定义的登录方法
      }
    },



computed: {
    canSubmit() {
      const { username, password } = this.loginForm;
      return Boolean(username && password);
    },
    // account() {
    //   const { username } = this.account;
    //   this.account.required = !Boolean(username);
    //   return this.account.required;
    // },
  },

红色*代码

  <el-form-item label="原密码:" label-width="150px" size="medium">
          <label slot="label"
            ><span style="color: red">*span>  原密码:label
          ><el-input v-model="form.password" style="width: 200px">el-input>
        el-form-item>
        <el-form-item label="新密码:" label-width="150px" size="medium">
          <label slot="label"
            ><span style="color: red">*span>  新密码:label
          ><el-input v-model="form.newPassword" style="width: 200px">el-input>
        el-form-item>

TRANSLATE with

Bing Webmaster Portal

• 中文（简体）
• 中文（繁体）
• 丹麦语
• 乌克兰语
• 乌尔都语
• 亚美尼亚语
• 俄语
• 保加利亚语
• 克罗地亚语
• 冰岛语
• 加泰罗尼亚语
• 匈牙利语
• 卡纳达语
• 印地语
• 印尼语
• 古吉拉特语
• 哈萨克语
• 土耳其语
• 威尔士语
• 孟加拉语
• 尼泊尔语
• 布尔语(南非荷兰语)
• 希伯来语
• 希腊语
• 库尔德语
• 德语
• 意大利语
• 拉脱维亚语
• 挪威语
• 捷克语
• 斯洛伐克语
• 斯洛文尼亚语
• 旁遮普语
• 日语
• 普什图语
• 毛利语
• 法语
• 波兰语
• 波斯语
• 泰卢固语
• 泰米尔语
• 泰语
• 海地克里奥尔语
• 爱沙尼亚语
• 瑞典语
• 立陶宛语
• 缅甸语
• 罗马尼亚语
• 老挝语
• 芬兰语
• 英语
• 荷兰语
• 萨摩亚语
• 葡萄牙语
• 西班牙语
• 越南语
• 阿塞拜疆语
• 阿姆哈拉语
• 阿尔巴尼亚语
• 阿拉伯语
• 韩语
• 马尔加什语
• 马拉地语
• 马拉雅拉姆语
• 马来语
• 马耳他语
• 高棉语