原创 js字符串分割成數組,並控制每一項的顯示和隱藏的妙用

res.data.forEach(item => { item.attr_vals = item.attr_vals ? item.attr_vals.split(' ') : [] // 控制

原创 html2canvas在iOS端報錯canvas.toDataURL

1.產生原因: html2canvas新版本在iOS端不支持背景圖截圖 2.解決方案: 查找項目中的背景圖片,改爲絕對定位的圖片,搞定  

原创 nginx配置重定向

location /njDist { rewrite /njDist /102 last; } location /102 { proxy

原创 js字符串轉數組解決數組中有空元素的問題

res.data.forEach(item => { item.attr_vals = item.attr_vals ? item.attr_vals.split(' ') : [] })  

原创 vue實現直播間點贊功能

1.style.css body { --bubble_time: 3s; --bubble_scale: 0.8s; } .praise_bubble { width: 100px; height: 200px;

原创 element中根據後臺返回的值顯示不同的標籤

<el-table :data="rightList" border stripe> <el-table-column type="index"></el-table-column> <el

原创 vue是用el-table導出excel表格(解決時間問題和兩遍重複數據問題)

1、 安裝相關依賴 npm install --save xlsx file-saver 2、組件裏頭引入 import FileSaver from 'file-saver' import XLSX from 'xl

原创 富文本編輯器使用圖片上傳後存儲url功能

<div v-show='false'> <el-upload class="avatar-uploader" action=""

原创 vue-cli3中配置favicon圖標

vue.config.js中設置 module.exports = { pwa: { iconPaths: { favicon32: 'favicon.ico', favicon16: 'favico

原创 表格數據刪除數據後局部刷新的方法

<!-- 角色列表區域 --> <el-table :data="rolelist" border stripe> <!-- 展開列 -->

原创 element樹形空間el-tree的數據賦值

<el-button type="warning" icon="el-icon-setting" size="mini"

原创 vue實現直播彈幕功能

1.barrage.less html,body{ width:100%; } .cute-barrage{ width: 100%; height: 100px; /*確定彈幕長度*/ positio

原创 vue使用樹形表格vue-table-width-tree-grid的用法

1.安裝依賴 npm i vue-table-with-tree-grid 2.在main.js中使用 import TreeTable from 'vue-table-with-tree-grid' Vue.component('t

原创 vue播放m3u8格式視頻

1.下載依賴 npm install vue-video-player videojs-contrib-hls --save 2.直接上例子 <template> <div class="liveView"> <vide

原创 el-submenu中使用v-for後綁定:index報錯

1.報錯原因: :index中只接受字符串 2.解決思路: 把字符串轉化成數字 3.代碼 <el-submenu v-for="(item,index) in menulist" :key="