zoukankan      html  css  js  c++  java
  • layui button按钮点击导致页面重新刷新的解决方案

    网友的解决方法:(我只想说,放屁!!!而且大家都在复制粘贴,浪费时间)

    方法一:将button标签更换为input

    <input class="layui-btn test" >test</input>

    方法二:

    <button type="button" class="layui-btn test" >test</button>

    应用场景代码
    <form class="layui-form"  action="" lay-filter="formSearch">
                        <div class="layui-form-item">
                            <label class="layui-form-label">多选</label>
                            <div class="layui-input-inline">
                                <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input" id="demo">
                                <button  lay-submit="" class="layui-btn" lay-filter="getVal1">取值</button>
                            </div>
                        </div>
                    </form>

    js:

                    layui.config({
                        base: '../../layuiadmin/' //layUI 根目录,在Areas需要多写一层 ../
                    }).extend({
                        tableSelect: 'ext/tableSelect/tableSelect',//tableSelect
                        formSelects: 'ext/formSelects/formSelects-v4'//formSelects
                        }).use(['form', 'layer', 'tableSelect', 'formSelects'], function () {
                            var $ = layui.$, form = layui.form, layer = layui.layer,
                            tableSelect = layui.tableSelect, formSelects = layui.formSelects;
    
                            form.render(null, 'formSearch');
                            form.on('submit(getVal1)', function (data) {
                                console.log($("#demo").val()); return false;
                                //layer.msg($("#demo").val());
                            });
    最关键的是:
    return false;
    return false;
    return false;

    妈蛋,早应该想到的,想到的时候心里觉得,逻辑上不需要,┭┮﹏┭┮,然后耽误了我至少一个小时,这脑回路。。。。。。。。。。。。。。。。。。
  • 相关阅读:
    client-go和golang源码中的技巧
    使用Prometheus监控snmp
    kubernetes client-go解析
    go 语言的一个赋值操作
    使用Prometheus监控bind9的DNS服务
    验证Prometheus alertmanager邮件发送
    JS 监听浏览器各个标签间的切换
    通过案例理解position:relative和position:absolute
    浏览器的统一指针事件:Pointer Event
    Chrome浏览器读写系统剪切板
  • 原文地址:https://www.cnblogs.com/bamboo-zhang/p/11137109.html
Copyright © 2011-2022 走看看