原创 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爲