zoukankan      html  css  js  c++  java
  • vue

    问题1:列表数据带到form页面修改之后,点击取消,列表页面随之修改

    希望达到的效果:form表单修改之后,点击取消,不会带动列表数据的修改

    修改方法:

    JSON.parse(JSON.stringify(data));
     问题二:返回之前的页面
    this.$router.back()
     问题三:防止多次点击,重复请求
    //1.添加自定义文件 preventReClick.js
    import Vue from 'vue'
    
    const preventReClick = Vue.directive('prevent-re-click', {
        inserted: function (el, binding) {
            el.addEventListener('click', () => {
                if (!el.disabled) {
                    el.disabled = true
                    setTimeout(() => {
                        el.disabled = false
                    }, binding.value || 3000)
                }
            })
        }
    });
    
    export { preventReClick }
    
    //2.在main.js中引入
    import preventReClick from './store/preventReClick' //防多次点击,重复提交
    
    //3.使用
    <el-button class="common-button" size="small" type="primary" @click="handleSave('form')" v-prevent-re-click>保 存</el-button>
  • 相关阅读:
    shell 的多进程
    shell 按行读取文件的内容
    2>&1的意思
    >/dev/null 2>&1
    js 变量作用域
    Premiere Pro 中的键盘快捷键
    premiere pro 2019 mac 破解
    js 空语句
    js 数组原型
    js 奇偶判断
  • 原文地址:https://www.cnblogs.com/jy17/p/15292515.html
Copyright © 2011-2022 走看看