原创 前端跨域處理的兩種方式proxyTable和nginx

前端在開發環境開發項目的過程中會遇到一些跨域的問題,後端在服務器上已經處理了跨域,但是由於瀏覽器的安全機制,發送的請求還是不能過去,基於這種情況下,本文着重介紹proxyTable和nginx兩種常見的處理跨域的方式。 1.pro

原创 vue部門三級聯動組件

這個是一個部門的三級聯動,有需要的可以參考下 //當前組件名爲arealink <template> <el-row :span="10"> <el-col :span="8"> <el-select v-

原创 vue.js下使用element表單,設置select的選項爲對象傳給後臺

  給大家分享下當時設置select選項爲對象的坑 ` <el-form-item label="label標籤名字:"> <el-select v-model="formData.jsonStr" value-key="desc(

原创 element row-click表格單行點擊和單元格事件衝突解決/冒泡解決

<el-table v-loading="loading" ref="multipleTable" :data="pagination[activeName].table

原创 vue element表格圖片點擊放大

插件網址 https://mirari.cc/v-viewer/ 操作步驟 1.npm install v-viewer --save 2. import Vue from 'vue'; import Viewer from '

原创 el-input取消瀏覽器自動填充問題

項目中需求不需要顯示瀏覽器自動填充的內容,可以使用以下操作 <el-input v-model="value" auto-complete="off" placeholder="請輸入..."></el-input> 主要是這個

原创 Vue結合blob導出Excel最佳處理方案

設置api接口 export function exportExcel(params){ return request({ url:'填寫url地址', method:'post', data:{ "body"

原创 ios短信驗證碼自動填充兩次bug處理

ios系統內部的bug 某些app或者微信網頁裏,複製手機收到的短信驗證碼,會觸發UITextFieldTextDidChangeNotification監聽事件,導致驗證碼出現了兩次,這個應該是ios系統內部的bug. 解決方案

原创 關於編程式導航$router.push、replace、go的用法區別

如果是想要跳轉到不同的url,可以使用router.push方法,這個方法會向history裏面添加記錄,是可以通過瀏覽器的返回按鈕,返回到之前的頁面的。 // 字符串 router.push('home') // 對象 ro

原创 Vue中圖片的src不顯示問題

動態渲染圖片地址的時候, 圖片的src被當做靜態資源處理了,沒有進行編譯,所以需要同過require引入圖片。 <script> export default { data() {

原创 zepto.fullpage移動端最好用的滑屏插件

zepto.fullpage在這裏主要是用作移動端無縫滑屏滾動 具體調用方式: $('el').fullpage({ page: '.page', start: 0, duration: 500,

原创 用mpvue寫小程序的tab切換

<template> <div class="result"> <div class="nav"> <div :class="{'selected':tab === 1,'title':true

原创 vue-video-player基本使用

項目上有一個新的需求,點擊視頻全屏播放,當即想到了video.js插件,兼容性好,比原生video好用多了。因爲項目用的是vue-element-ui技術棧,考慮技術的融合性,最終使用了vue-video-player 首先是npm

原创 自定義簡易vue抽屜組件

<template> <div class="drawer"> <div :class="open?'mask':''" @click="close"/> <div :class="open?'open':'clo

原创 獲取elementui table 當前行的詳細數據

在el-table中添加@row-click="getDetails" row-click 當某一行被點擊時會觸發該事件 row, event, column,然後在methods裏面觸發該事件即可,如下 methods:{