原创 echarts 一個圖表中同時顯示柱狀圖和折線圖

先看效果圖 <template> <!-- 工貿庫存組件 --> <div id="main"></div> </template> <script> export default { data() { retur

原创 vue中監聽路由參數的變化,並對參數變化後作出一些響應(動態路由下參數的變化)

記住參數或查詢的改變並不會觸發進入/離開的導航守衛。你可以通過觀察 $route 對象來應對這些變化,或使用 beforeRouteUpdate 的組件內守衛。 當路由變化,但是組件被複用時,即: 當多個路由都匹配一個動態路由時,比如 "

原创 窗口變化,echarts自動變化的設置

方法一: var myChart = echarts.init(document.getElementById(domid)); window.addEventListener('resize',function () {   //執行

原创 uniapp中使用原生方式寫頁面頭部,存在多級頁面時,當點擊返回圖標按鈕時,父頁面的返回按鈕消失了(已解決)

兩個頁面的頭部都是使用的原生的方式配置的; 問題描述:在二級頁面點擊進入子頁面的按鈕後,進入三級頁面,使用的跳轉方式是 uni.navigateTo(OBJECT)  {保留當前頁面,跳轉到應用內的某個頁面,使用uni.navigate

原创 js中獲取當前時間的年月日時分秒,獲取時間戳,通過時間戳獲得年月日

var date = new Date(); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 1

原创 微信小程序中的列表渲染,動態設置class類,在元素上綁定數據

微信小程序——列表渲染wx:for <view wx:for="{{array}}"> {{index}}: {{item.message}} </view> Page({ data: { array: [{

原创 vue中使用命名視圖,在一個頁面顯示多個視圖

先看效果:三塊有顏色的Foo頁面,Bar頁面,baz頁面  分別由不同的視圖渲染出來,每個視圖渲染一個組件; 但是路由卻是一個;即一個路由下有三個視圖,每個視圖渲染一個組件; 配置如下: 路由配置 { name:'my',

原创 微信小程序請求數據的接口封裝

 接口封裝的request.js文件內容如下: //項目URL相同部分,減輕代碼量,同時方便項目遷移 //這裏因爲我是本地調試,所以host不規範,實際上應該是你備案的域名信息 var host = 'https://yeehubai

原创 antd 中的 table 組件設置 size 屬性值爲 small 後,表頭背景色設置的解決方案

antd中的 table 組件的效果圖: 默認size屬性值是default ; 當設置size="small" ; 表頭的背景色沒有了; 解決方案:在表格列裏面設置 className 屬性(必須是這個屬性),屬性值是樣式的類名, 

原创 Antd的table組件表格的序號自增設置

效果:    設置: columns: [ { title: '序號', align: 'center', width:60, custo

原创 vue項目中使用vue-cropper實現裁剪、上傳到oss接口

效果圖: 實現步驟: 1,項目中添加vue-cropper插件 :npm install vue-cropper --save   或者 yarn add vue-cropper --save 2,在main.js中引入一下: impo

原创 js實現antd中表格豎向滾動條滾動到頂部

使用ant-design-vue中的table組件,當設置了表格的 scroll:{y:500},而數據較多的時候,會出現豎向滾動條,現在想要的效果是,點擊下一頁後,讓豎向滾動條回到頂部, 可以這樣: var dom = doucume

原创 vue中的深度監聽(監聽一個對象的全部屬性、監聽一個對象的一個屬性)

<div> <p>obj.a: {{obj.a}}</p> <p>obj.a: <input type="text" v-model="obj.a"></p> </div> new Vue({ el: '#

原创 vue項目中使用js實現頁面緩慢回到頂部

執行方法: scrollAnimation(currentY, targetY) { // 獲取當前位置方法 // 計算需要移動的距離 let needScrollTop = targetY

原创 解決刷新頁面,vuex中的數據丟失的問題--- vuex-persistedstate

在用vuex管理狀態的時候發現state數據每次刷新都會清空, 這是因爲數據是存儲在內存中的,所以我們必須把它保存在 session storage 、local storage 或者cookie中等 這裏解決   頁面刷新,vuex中的