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;

    妈蛋,早应该想到的,想到的时候心里觉得,逻辑上不需要,┭┮﹏┭┮,然后耽误了我至少一个小时,这脑回路。。。。。。。。。。。。。。。。。。
  • 相关阅读:
    Objective-C写出Json文件(可作配置文件)
    关于快速排序的部分内容
    关于折半查找排序的部分内容
    异步下载网络图片
    pytest(5):setup/teardown框架结构
    pytest(4):用例参数化
    pytest(3):pytest运行参数介绍
    pytest(2):使用pycharm运行pytest
    pytest(1):pytest的安装与使用
    pytest文档4-Allure报告清除上一次数据
  • 原文地址:https://www.cnblogs.com/bamboo-zhang/p/11137109.html
Copyright © 2011-2022 走看看