原创 webscocket在vue中的使用

initWebSocket(){ var api=this.uploadimage.split('//')[1].split('/')[0] var wsuri="ws://"+api+"/websocket/"+thi

原创 vue傳值的編碼與解碼

編碼:encodeURIComponent() skip(){ this.$router.push({ path:'./channelPromotion?channelName='+'我是字 段'+'&&channelUr

原创 點擊後切換樣式

類似於淘寶放大鏡底下小圖的操作。即鼠標進入時當前div變紅色,其他div保持 js實現方式 第一種 var smallImg=document.getElementsByClassName("small"); f

原创 v-for控制循環次數

方法一: v-for="(item,index) in domainList.slice(0, 2)" 方法二: v-for="(item,index) in domainList" v-if="index<3"  

原创 在vue中如何實現吸頂

一、簡單吸頂 思路:需要寫兩個樣式,一個吸頂樣式,一個正常樣式,通過監聽scroll事件,實現吸頂功能 //fix_info_title爲吸頂樣式通過固定定位實現,info_title爲正常樣式 <div :class="isceili

原创 npm install報錯處理

解決方式: 安裝3.7版本的Python,然後已管理員身份運行 npm install --global --production windows-build-tools 直到all down,如果一直不動,可以用cnpm安裝

原创 秒殺倒計時寫法

原生js寫法: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .b

原创 echarts折線圖,下拉框二次渲染,數據重疊問題

總結:網上有很多方法 ①mychart.setOption(option,true)    設置屬性(好像沒用) ②mychart.clear()       清空畫布(意外發現可以解決渲染不同步問題,比如,下拉框2019年有數據,但需選

原创 在vue項目中使用scss

一、安裝 npm install sass-loader --save-dev npm install node-sass --sava-dev 二、 在build文件夾下的webpack.base.conf.js的rules裏面添加

原创 svn使用

新建項目 打開svn服務器,創建新項目。 輸入你的項目名-----travel 複製svn地址 在點擊本地需要上傳到svn上的文件或文件夾 寫入地址 完成 最後在本地新建個文件夾直接svn檢出就可以了。 點

原创 打包後遇到的問題彙總

打包遇到的問題 ①運行npm run build報錯 原因:沒有安裝generate-asset-webpack-plugin(在配置多頁時用到了) 解決方式:安裝 npm install generate-asset-webpack

原创 element ui+vue實現表格內修改編輯某條數據

方法一:跟後臺配合,接收到的數據裏有一個字段(istrue)來控制是否顯示。 方法二:通過element ui的css去控制(highlight-current-row官方示例中,使用它進行某一行選中時的背景高亮) 參考地址:https

原创 vue中電子表格的導入導出

一、安裝 npm install -S file-saver xlsx npm install -D script-loader 二、在src下新建vender文件夾,裝Blob.js和 Export2Excel.js這兩個文件 然後

原创 map方法

總結: 有些後臺返回的數據需要雙層循環遍歷才能拿出裏面的值。可以用map去遍歷,自己定義一個字段,去存儲到數據外層。 this.DownData=res.data.map(item=>{ item.exsection=item

原创 vue圖片查看器插件v-viewer

一、安裝 npm install v-viewer --save 二、導入(在main.js全局引入或在當前要使用的 .vue文件局部引入) import Vue from 'vue' import Viewer from'v-vie