原创 Element Ui 下拉選擇框內追加添加按鈕,點擊可以追加新的選項內容

功能需求,在下拉選項框內,追加一個添加的按鈕,點擊可以添加新的被選項內容; 效果展示如下: 代碼實現封裝組件: <template> <span> <el-cascader ref="cascader"

原创 Element Ui 表格內編輯排序設置

實現效果: 代碼實現: <!-- html --> <el-table-column prop="sort" label="排序" sortable width="72"> <template slot-sco

原创 Vue 中對時間進行格式化處理

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

原创 layui 打開彈框頂部默認事件操作

打開彈框默認的‘X’,關閉按鈕事件操作;父窗口中操作。 打開窗口的最大化最小化設置顯示隱藏;maxmin:true/false(顯示/隱藏) layer.open({ type: 2 , title: '查看調撥詳情'

原创 vue+js 數組,對象合併操作方法

1.普通數組合並: //1.concat 方法 var a=[1,2,3],b=[4,5,6]; var c=a.concat(b);//向a數組添加b; console.log(c);// 1,2,3,4,5,6 console.lo

原创 js/swiper 內容塊超出時加滑動控制和左右按鈕控制滑動;

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>slidesPerGr

原创 vue input輸入框 聚焦和失焦時內容處理

input輸入框聚焦時,如果內容爲0,讓其置空處理;如果內容爲空,在失焦時,讓其爲0處理; html: <input class="input-small-mt" @focus="focusPrice($event)" @blur=

原创 CSS 自定義滾動條設置

需要,默認滾動條顯示太醜,如何自定滾動條實現; 效果: .overflow-auto { overflow: auto; height: calc(100% - 44px); &::-webkit-scrollbar { w

原创 layui tab選項卡默認/切換定位所在選項

使用layui時,tab切換當彈出頁面改變某一選項區中的內容後,讓其其他內容同步刷新,且內容選項定位在指定的區域; 1、html: <div class="layui-tab layui-tab-brief" lay-filter="d

原创 vue + vant 地址設置編輯,默認展示及本地緩存設置;

使用vue 結合vant 組件 編輯地址時,如何讓編輯的地址在選中的區域定位設置;結合本地緩存設置再編輯設置; 1.html設置:引入區域js文件:areaList.js <div class="

原创 jq input輸入框聚焦失焦處理;

jquery處理當input輸入框默認爲0時,聚焦讓其置空;失焦如果爲空時,讓其至0處理; //這是一個例子 input 輸入框聚焦,失焦,及綁定改變事件; $("input.totalnum").focus(function() {

原创 js 閉包作用域的使用;

1. 循環+閉包使用:正確輸出結果; for (var i=1; i<=5; i++) { (function(){ var j = i; setTimeout( function timer(){ console.lo

原创 LAYUI 表內插入select 選擇框,勾選內容項後處理追加數據字段

在數據表內添加select下拉菜單,切被選項是通過後臺接口內容渲染的;實現勾選內容項後可以自動追加select選擇的數據字段內容;實現效果如下: 實現代碼如下: <style> body{overflow: auto;}

原创 layui中的switch切換在表格中改變時提示;

在layui中,動態表格添加開關switch切換狀態設置;錯誤時返回提示,並返回默認狀態; 方法一、 form.on('switch(switchTest)', function(data){ var that = da

原创 layui 中excel表格導出擴展插件使用;

layui中導出數據表格可以自己定義字段,且命名錶的表名;導出結果如圖所示: 使用擴展插件:https://fly.layui.com/extend/excel/ html/js代碼編輯使用: <table class="layui