原创 小程序店鋪級別購物車,選中非選中邏輯(VUE寫法)

效果圖: 代碼: <!-- * @description 購物車-列表 * @author yxf * @date 2020-07-01 * @version 1.0.0 * @lastModifiedBy yxf

原创 echarts for weixin (canvas原生組件踩坑之路)

最新在做小程序項目中遇到圖表的地方,爲了圖方便省事,選擇了自己比較熟悉的echarts,寫好之後頁面如下: 在微信開發者工具上面測試沒有任何bug,本以爲大功告成了,卻在真機測試的時候遇到了一個致命的bug,安卓上面滑動圖表時明

原创 js面試題總結(未完待續。。。)

找出重複最多的字符 let str = 'asss23sjdssskssa7lsssdkjsssdss'; const arr = str.split("") // 把字符串轉換爲數組 const str2 = arr

原创 常用的echarts總結(未完待續。。。)

先上效果圖: 1.場景(排行榜): var img = { "0": "imgUrl0", "1": "imgUrl1", "2": "imgUrl2", "3": "imgUrl3", "4": "imgUrl4",

原创 VUE動態樣式

代碼片段 <el-table-column label="租金起止日期"> <template slot-scope="scope"> <span :style="{color: scope.row.co

原创 vue循環生成el-form-item時,綁定值的寫法

先來效果圖 需求:每加一個場次新增一場活動,並添加驗證規則 關鍵代碼部分: <el-form-item label="活動場次" prop="roundTimeList"> <el-b

原创 Element UI報錯總結

vue控制檯報錯Duplicate keys detected: ‘xxxx’. This may cause an update error.解決方案 <el-form-item label="商品名稱" pro

原创 vue解決數組變化時,視圖未更新的問題

問題:根據id獲取要編輯的內容後,有startTime和endTime拼接成日期範圍選擇器的初始值後,出現無法選中的問題,利用vue-devtools工具發現,值其實已經變化了,只不過視圖沒有更新。 錯誤寫法: this.fo

原创 vue面試題總結(未完待續。。。)

組件通信 一:父傳子 props 二:子傳父 1.子組件使用this.$emit('fn',param)向父組件傳值 2.父組件通過v-on:fn="fn"來接受子組件傳遞過來的值 三:組件間通信 1.中央事件總線 Bus 進

原创 el-button動態disabled

最終效果圖 需求id小於等於6不能修改刪除 這樣寫報錯 <el-button type="text" icon="el-icon-delete" @click="handleDel(s

原创 總結下工作中常用的數據處理操作

場景:求一個二維數組中某個key值的和,比如合計價格,數量等 數據格式:[{x: 1}, {x:2}, {x:3}]--------------------->1+2+3=6 方法一: 原生 function sum(arr) {

原创 AVUE動態生成表頭和列

效果圖 後臺返回數據格式: { "total":5, "per_page":10, "current_page":1, "last_page":1, "data":{ "c

原创 VUE之全局過濾器——filter

效果圖: 第一步:在src文件夾下新建filters文件夾,在該文件夾下新建index.js 內容如下 //人民幣轉大寫 function rmbUpper(n) { //形參 var fraction = ["

原创 uni-app圖片分包加載的優化(有誤待修改...)

小程序中使用大量的圖片會增大主包代碼的體積,全部放到服務器上也不現實,如果把圖片放在分包裏面,就可以解決主包過大的問題; 原文章鏈接:https://ask.dcloud.net.cn/question/68773 vue.co

原创 element ui 中TimePicker 時間選擇器初始值爲空時無法選中

如下圖所述 <el-time-picker is-range v-model="value1" range-separator="至"