原创 vue+element 動態加載表單

一、問卷動態加載表單 //html <el-form :model="quesPaper" status-icon label-width="100px" label-position="top" size="small" v

原创 vue+element WebSocket

//app.vue <template> <div id="app"> <div class="fr cursor"> <!-- 工單提醒 start--> <el-badge :i

原创 vue+element NavMenu 導航菜單 選中狀態失效 解決方法

問題:左側菜單,選中狀態失效,1.路由跳轉過來,選中失效;2.刷新頁面失效 解決方法 1.路由跳轉(NavMenu子菜單沒有v-if)+刷新 app.vue //html <el-menu router ref='m

原创 vue+element 登錄超時自動退出

一、超時以後自動退出 // APP.vue // '/'是login頁面路由 <template> <div id="app"> <router-view /> </div> </template> <s

原创 vue+vant 表單

1.身份證 <van-cell-group class="tl"> <van-field v-model="card" clearable :disabled='active==0'

原创 vue+vant 掃碼(jssdk)

效果: 第一步: 後臺配置js接口安全域名 域名規則:例:https://admin.serve.com.cn;填寫:serve.com.cn; 微信jssdk config:invalid signature 簽名錯誤 ,就是

原创 vue+vant 利用FormData上傳圖片(單張or多張)第二版

介紹:vant版本2.3.3 流程:input選取file=>append到FormData中=>提交後臺。 利用FormData上傳,這個流程無論換什麼ui框架,或者自己寫都走得通,親測有效。(自己手寫的上傳就不拿出來分享了,主

原创 Vue Cli 3項目 配置rem、引入公共樣式、引入全局函數、自定義全局組件、main.js使用Toast

main.js //自己的css、js請存放在assets文件中 import Vue from 'vue' import App from './App.vue' import router from './router' im

原创 vue+vue-cli 移動端單頁面使用vconsole

只需修改public下的index.html即可 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv=

原创 vue+vue-cli3.0+vant (redirect_uri 域名與後臺配置不一致 10003)

重要的事情說三遍!!! AppID+網頁授權域名,一定要和後臺配置的一樣!!! AppID+網頁授權域名,一定要和後臺配置的一樣!!! AppID+網頁授權域名,一定要和後臺配置的一樣!!! 切記!我遇到這個問題是,因爲我原本配置

原创 vue+vue-cli3.0+element 表單BUG記錄

介紹: 復現:一般都是表單中,二級聯動或者三級聯動,使用change方法改變form:{ name:’’ }中的屬性; 1.視圖不更新 2.el-select下拉全選; 針對問題一解決方法: //使用$set this.$set(

原创 vue+vue-cli3.0+element 上傳

介紹: 1.單個與多個,就是限制個數不一樣;其次即使model,一個是字符串,一個是數組,獲取詳情和提交時map生成fileList就可以了。 2.圖片都可預覽刪除,超過限制後上傳按鈕隱藏。 單個上傳: 效果如圖: html:

原创 我的簡書

簡書

原创 vue+vue-cli3.0+vant 利用FormData上傳圖片(單張or多張)第二版

介紹:vant版本2.3.3 流程:input選取file=>append到FormData中=>提交後臺。 利用FormData上傳,這個流程無論換什麼ui框架,或者自己寫都走得通,親測有效。(自己手寫的上傳就不拿出來分享了,主

原创 vue+vue-cli3.0+vant 表單

1.身份證 <van-cell-group class="tl"> <van-field v-model="card" clearable :disabled='active==0'