原创 vue中使用eachrts

官網:https://www.echartsjs.com/index.html var echarts=require('echarts'); var myChart = echarts.init(document.g

原创 vue 組件傳值

子傳父: 子 <el-menu-item index="1" @click='asideOnOff()'><i class='el-icon-caret-left'></i></el-menu-item> data(){

原创 改變數組內部的值並根據指定的位置存儲數據

var arr=['a','b','a','a','a'] var _arr=this.arr.filter((item)=>{ if(item == 'a'){ r

原创 圖像濾鏡

canvas+vue 共10個濾鏡(好像馬賽克寫大圖沒有實現) 源碼地址:https://github.com/yinglichen/ImageFilter

原创 vue 內嵌微信掃描二維碼登錄

官方網站: https://open.weixin.qq.com (一定要看官方API,能讓你少走十萬八千里的彎路!!!!自我警告⚠️) 代碼如下: 1.1在index.html中引入wxLogin.js <script type

原创 基於Vue插入視頻的2種方法

方法一:iframe插入視頻鏈接 1.1 ##### 當前播放的視頻 <div class="video-wrap" style="width:80%;float:left;oveflow:hidden;"> <ifra

原创 vue+three.js 3d動畫效果

git地址: https://github.com/yinglichen/3d-animation 1.安裝three.js npm install three 2.安裝軌道控件插件 npm install three-orbit-c

原创 PDF在線預覽

需求 vue下的一個項目,通過點擊事件在線預覽pdf合同功能 需要用到的插件: base64: npm install --save js-base64 pdfjs-dist: npm i pdfjs-dist 可以在main.js中

原创 點擊空白處取消某個點擊事件

需求 類似一個後臺管理的web端項目,點擊刪除的時候,刪除按鈕會變成確定,如下圖。但是在點其他地方的時候需要去除確定功能,恢復成刪除功能。 該項目是用render函數來創建html的,代碼如下: tableAction: {

原创 Macbook pro 網絡問題

macbook pro插入網線後顯示網絡已連接,ip也活躍,但是打不開網頁。 情況1:顯示DNS有問題 在系統偏好設置裏面找到網絡 -- 配置IPV4裏面改爲手動 手動配置好ip等信息後點擊高級,去調整DNS 一般DNS會有3個,1

原创 vue go / back區別

history.back(-1):直接返回當前頁的上一頁,數據全部消息,是個新頁面 history.go(-1):也是返回當前頁的上一頁,不過表單裏的數據全部還在 history.back(0) 刷新 history.back(1) 前進

原创 vue enter鍵盤事件

登錄頁面,當password input輸入框獲取光標的時候並按下enter,會執行登錄方法。 如果採用了element-ui的input,@keyup.enter.native="login"纔會觸發,如果是原生的input, 可以去除n

原创 div適配IE

在項目中遇到了適配IE瀏覽器的問題,所以做個筆記。 IE不適配flex,但是由於前期開發下的瀏覽器是谷歌,到測試的時候才發現這個bug。 由於是登錄註冊頁面的div適配用了display:flex和設置了height:100vh導致的。 所

原创 去除瀏覽器默認樣式

在搜狗瀏覽器中,input輸入框type:password的時候會,input會出現小鍵盤,這是瀏覽器自帶樣式,這個時候可以通過設置以下: input::-webkit-input-safebox-button { display: non

原创 Vue項目 - 超時登出後如何跳login登錄後返回之前頁面

在項目中,我們會經常遇到超時登出的功能。跟後臺約定好超時登出後返回的code。目前這個項目的登出code是401。由於我們的axios是全局配置的,所以只需要在axios發送get或post請求的地方做一個是否登出的判斷:(以下已post爲