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;

媽蛋，早應該想到的，想到的時候心里覺得，邏輯上不需要，┭┮﹏┭┮，然后耽誤了我至少一個小時，這腦回路。。。。。。。。。。。。。。。。。。