原创 vue項目常見問題總結

vue中爲什麼使用key?如果不使用 key,Vue 會使用一種最大限度減少動態元素並且儘可能的嘗試修復/再利用相同類型元素的算法。使用 key,它會基於 key 的變化重新排列元素順序,並且會移除 key 不存在的元素。 vue項目

原创 聲動語商項目總結-form表單對象創建出錯

1、部分電腦中,以下注釋寫法form表單對象創建會出錯,導致無法上傳圖片。問題修改:直接new FormData()創建即可,不用傳入頁面的element元素。

原创 javascript將扁平的數據轉爲樹形結構的幾種方法

扁平菜單示例如下:var menu_list = [{ id: '1', menu_name: '設置', menu_url: 'setting', parent_id: 0 }, { id: '1-1', menu

原创 element+vue的notify組件,同一個通知在全局多次出現問題

實現全局通知組件,多個標籤頁只出現一個通知組件的思路:1.localstorage中存貯一個變量,每次通知前去拿這個變量,和當前要實例化的通知的數據進行對比,如果id一致說明某一標籤頁中已經存在改通知,則不需要再次實例化通知組件,如果不存在

原创 關於enter及ctrl_enter換行及發送切換問題

v-if="submitCommond ==='enter'" id="messgae_input" v-model="currentMessage" class="border-none" type="textarea

原创 微信公衆號,地圖模塊

相關代碼 wx.openLocation({ latitude: !!that.addressPoint.latitude ? Number(that.addressPoint.latitude)

原创 vue項目開發公衆號頁面,ios中textarea出現鍵盤輸入信息時頁面撐高,導致點擊Messgebox確定失效解決方法

在使用MessageBox時,偶發點擊確定按鈕,彈窗並不消失bug,問題定位:發現在ios中,鍵盤輸入數據的時候,會導致頁面撐高,失去焦點的時候不會自己恢復,導致點擊事件失效。解決方法:

原创 wwww

wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwddddddddddddddddddddd

原创 自定義微信分享功能,微信js-sdk使用總結

需求:vue項目移動端要求用戶在公衆號中分享出去的鏈接是圖片+文字+標題的形式。而不是默認的 要實現的效果如圖所示: 不設置時,分享的默認效果,如下圖所示: 幾個要注意的地方: wx.config 所有的配置項的數據都是後臺返回的 w

原创 關於vue項目中移動端實現用戶選擇視頻、上傳多個視頻(兼容安卓和ios)功能。

項目需求:在公司的教育公衆號中,用戶有一個需求就是:學生作業爲舞蹈或者童模表演,需要上傳視頻到服務器。 項目技術:使用vue+mniti-ui 遇到的問題:本以爲上傳視頻會很簡單,第一個就想到input的type設置爲file類型,這樣做下

原创 vue項目中遇到的一點小問題記錄

1、鼠標懸浮顯示不同的背景圖片,代碼如下: 效果如圖,頁面初始效果:鼠標懸浮後效果: 2、for 循環發送axios遇到的問題 問題背景: 在聲動語商項目中,需求更改後,出現一個:教師發佈課程的時候要求一個課程同時發送給多個班級。現在的接口

原创 關於vue項目打包後,背景圖路徑找不到問題

1、情況一:使用MiniCssExtractPlugin插件 MiniCssExtractPlugin打包後背景圖片路徑404問題,解決方法: 2、情況二:使用ExtractTextPlugin插件 ExtractTextPlugin打包後

原创 關於vue項目中移動端實現用戶選擇照片、照片裁剪、一次上傳多張圖片(仿微信發朋友圈)功能。

關於vue項目中移動端實現用戶選擇照片、照片裁剪、一次上傳多張圖片功能(仿微信發朋友圈)。 最終要實現的效果如下圖所示: 涉及的功能有 1、圖片的選擇2、圖片從手機相機選擇、拍照3、圖片選擇後的裁剪4、圖片在頁面的顯示效果5、圖片的刪除6