vue 按钮添加回车事件调用确认方法

最新推荐文章于 2024-08-11 21:02:19 发布

今晚来我家吗

最新推荐文章于 2024-08-11 21:02:19 发布

阅读量2.1k

点赞数 1

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/qq_43059898/article/details/114083998

版权

 <el-form
          :model="ruleForm"
          :rules="rules"
          v-if="modalVisible"
          ref="ruleForm"
          label-width="150px"
          class="favortites-ruleForm"
        >
          <div class="favor">
            <el-form-item
              label="groupName:"
              prop="groupName"
              label-width="100px"
            >
              <el-input v-model="ruleForm.groupName" @keyup.enter.native="favortitesConfirm(editor)"></el-input>
            </el-form-item>
          </div>

          <div class="buttoms">
            <el-button @click="favoritesCancel(editor)">Cancel</el-button>
            <el-button type="primary"  @click.native.prevent="favortitesConfirm(editor)"
              >Confirm</el-button
            >
          </div>
        </el-form>

	
	data() {
	      editor: "", //多选状态
	 ruleForm: {
        groupName: null
      },
      rules: {},
	},
	  methods: {
	   favortitesConfirm(params) {

      if (!this.ruleForm.groupName) {
        this.$message({
          showClose: true,
          message: "groupName不能为空",
          type: "warning"
        });
        return;
      }

      if (params == "add") {
        this.addFavortites(this.ruleForm.groupName);
      } else if (params == "editorGroup") {
        let param = {
          groupName: this.ruleForm.groupName,
          groupId: this.groupId
        };
        this.updateFavortites(param);
      }
    },
	  }