原创 sortablejs + vue的拖拽效果 列表個數不固定 刷新後保持拖拽後的效果
<template> <div class="hello"> <div v-for="(list, index) in merge" :key="index" class="box" :id="`box-${index}
原创 vue獲取input焦點,彈框後自動獲取input焦點
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
原创 vue proxy 跨域代理
1.config/index.js 修改 proxyTable proxyTable: { '/api': { target: 'http://shuige.wicp.vip/', //目標接口域名
原创 vue自定義插件
1.新建js文件 utils.js,自定義方法 let local = { say() { console.log('我是插件裏面自定義的方法') } } export default { inst
原创 elementui 自定義表頭 renderHeader的寫法 給增加el-tooltip的提示
1.html <el-table-column prop="taxes" :render-header="renderHeader" width="180"> <template slot-scope="scope">{{scop
原创 awit的用法,等待執行結果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
原创 小程序自定義tabbar custom-tab-bar 6s出不來解決方案,cover-view不兼容
1.從微信小程序的官網扣下來的demo,實際測試中,發現6s ios10 系統不兼容,裏面的內容出不來 <cover-view class="tab-bar"> <cover-view class="tab-bar-border">
原创 函數的防抖和節流
1.防抖 <div id="app" style="width:400px;height:400px;border:1px solid red;"></div> // 鼠標在app元素裏面移動 鼠標停止後一秒鐘在執行函數 防抖: 事件
原创 js 實現watch監聽數據變化
1.js /** * @desc 屬性改變監聽,屬性被set時出發watch的方法,類似vue的watch * @author Jason * @study https://www.jianshu.com/p/00502d1
原创 js計算數組中元素出現的次數,並實現去重
function getCount(arr, rank,ranktype){ var obj = {}, k, arr1 = []; for (var i = 0, len = arr.length; i < len
原创 得到後臺數據,按照名稱,循環賦值給表單
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
原创 elementUI,設置日期,只能選擇今天和今天以後的, :picker-options="pickerOptions"
1. html 加 :picker-options="pickerOptions" <el-date-picker v-model="shop.receive_time[0]" type="date" size="small"
原创 vue自帶開發環境,生產環境,自己搭建測試環境
git 碼雲地址: https://gitee.com/qichangshui_admin/vueAddTest 參考地址: https://www.jianshu.com/p/bfcfe5fc253b
原创 vue.js 父組件主動獲取子組件的數據和方法、子組件主動獲取父組件的數據和方法
父組件主動獲取子組件的數據和方法 1.調用子組件的時候 定義一個ref <headerchild ref="headerChild"></headerchild> 2.在父組件裏面通過 this.$refs.headerChild.
原创 騰訊面試題,js處理1千萬條數據排序並且頁面不卡頓
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt