原创 大小寫轉換+全角轉半角+清除空格+僅數字+僅字母+僅字母和數字 方法彙總
大小寫轉換 1、轉小寫方法 var value = 'ABC' value.toLowerCase() console.log(value) // abc 2、轉大寫方法 var value = 'abc' valu
2020-07-06 06:39:36
1
原创 教你自己創建一個Vue的UI組件庫類似Element
** 網上看到了這篇文章 非常的棒哈 ** 前言 隨着前端的三大框架的出現,組件化的思想越來越流行,出現許多組件庫.它能夠幫助開發者節省時間提高效率, 如React的Ant-design,Vue的iView,Element等,它
2020-07-06 06:39:36
原创 element el-table的封裝以及使用
1、封裝table.vue組件 <template> <div> <el-table :data='tableData'> <!--多選列--> <el-table-column
2020-07-06 06:39:36
原创 element-ui 如何把表格的操作封裝成可配置項來使用
效果如下： 表格的操作列變成可配置項 給每個操作列按鈕添加方法，加圖標，可以根據狀態控制按鈕的顯示、隱藏 1、新建一個table.vue組件 請參考 element el-table的封裝以及使用 <template> <di
2020-02-20 19:48:20
原创 vue 怎麼把自己的組件打包和下載使用
1、首先新建一個組件，下面以封裝的基礎input爲例子： BaseInput.vue組件 代碼如下 <el-input v-model="value" :size="size"
2020-02-20 19:48:19
原创 vue tags-input組件封裝
效果如下： 1、新建一個tagsInput.vue組件 代碼如下： <template> <div class="tags_input"> <el-tag v-for="(tag,
2020-02-20 19:48:19
原创 input 輸入框 只能輸入數字、字母、漢字等
原文鏈接：https://www.cnblogs.com/phpfensi/p/7298617.html 1.文本框只能輸入數字代碼(小數點也不能輸入) <input onkeyup="
2019-08-07 14:33:04
原创 vue 設置和獲取cookie
寫法1: methods: { //設置cookie setCookie: function (cname, cvalue, exdays) { var d = new Date();
2019-07-30 14:38:29
1
原创 js 前端數據多條件篩選過濾
最近在用vue做一個後臺管理項目，因爲vue2.0刪除了內置的過濾器，無法再像1.0版本或者angularJs那樣直接使用內置的過濾器實現數據的多條件篩選過濾。因此自己寫了一個方法來實現這種功能。 //假設後端通過接口給我們的數據
2019-05-21 14:39:55
原创 vue 專題 vue2.0各大前端移動端ui框架組件展示
轉載：https://www.cnblogs.com/maqingyuan/p/9737236.html vue 專題 vue2.0各大前端移動端ui框架組件展示 Vue 專題 一個數據驅動的組件，爲現代化的 Web 界面而生。具有可
2019-05-05 18:51:10
1
原创 element-ui table 表格組件實現（拖拽+可剪切列+分頁+表頭篩選+排序+刷新）
實現效果如下： 1、npm install sortablejs --save-dev 安裝 拖拽 2、代碼如下： 子組件代碼table.vue： <template> <div> <!--表格--> <el-t
2019-05-01 01:03:05
56
原创 element-ui table 表格組件實現剪切列效果
效果如下： 操作後效果： 1、HTML代碼： <template> <div class="conter"> <!-- 篩選列選項 --> <div class="filter-container">
2019-05-01 01:03:05
原创 element-ui table 表格組件實現可拖拽效果（行、列）
效果如下： 1、首先，需要執行npm install sortablejs --save-dev 安裝sortable.js 2、在頁面內引入 <template> <div style="width:800px">
2019-05-01 01:03:05
原创 vue引入高德地圖--魚骨圖、地圖類型切換、鼠標繪製工具
高德api文檔地址：https://lbs.amap.com/demo-center/js-api 1、創建地圖 HTML代碼： <template> <div> <div class="input_list">
2019-04-19 14:38:06
7
原创 vue引入百度地圖 地圖控件和繪圖工具（電子圍欄）
一、參考文檔 1、官方文檔：http://lbsyun.baidu.com/index.php?title=jspopular/guide/show 2、百度地圖JavaScript API v2.0類參考：（方法很細） http:/
2019-04-19 14:38:06
7