原创 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="