原创 Vue packages version mismatch: Vue包版本不匹配解決方案

在運行過程中出現的報錯如下: Vue packages version mismatch: - [email protected] - [email protected] This may cause things to work i

原创 vue cli 打包靜態資源,引入靜態js

最近在vue項目中遇到index.html文件中引入js報錯還是第一行報錯:Uncaught SyntaxError: Unexpected token <  當前引入路徑:   當前引入路徑:   有可能是引入路徑不對,驗證了一下,

原创 Element打開dialog底部頁面存在padding-right bug

問題重現:在頁面沒有打開dialog時,顯示是正常的。而在打開dialog後,頁面的右側會出現padding-right:17px; 正常頁面:   在打開 dialog後,可以看到右側出現空隙  打開控制檯查看代碼可以看到打開dia

原创 Error: Can't resolve 'vue-runtime-helpers' in

ERROR in ./node_modules/vue-gallery-slideshow/dist/js/vue-gallery-slideshow.js Module not found: Error: Can't resolve '

原创 zTree設置父節點不可選中,只可選中子節點(也可根據需求設置節點選中狀態)

有兩種方法:顯示check radio 但是不能選中父節點,只能選中子節點;另一種方法是直接不顯示父節點的check radio 一、是在callback裏寫回調方法,都是顯示check radio的,有兩種情況,一種是不可選擇,一種是判

原创 關於echarts y軸字體顯示不全問題

今天做做統計圖表時遇到了柱狀圖y軸字體顯示不全問題,有一個字被隱藏了,效果如下 解決辦法: 原來是grid的left值太小,原來是3%,改成10%就好了。 grid: { left: '10%', // 調整y軸字

原创 vue實現無縫滾動功能

發現element和iview都沒問無縫滾動的特效,只有走馬燈的,最近需要用到無縫滾動的特效,就在npm上找了一個插件 vue-seamless-scroll 我是在nuxt裏用的 1.安裝 yarn add vue-seamless-

原创 微信小程序開發使用echarts統計

最近才學習微信小程序開發,一點一點填坑中.... 1.下載 echart微信小程序git下載地址 https://github.com/ecomfe/echarts-for-weixin 2.引入 將下載後的壓縮包解壓,將裏面對應ec-c

原创 關於HBuilder打包vue項目 app返回問題

HBuilder打包vue項目時,發現app按返回鍵就直接退出應用了,用了大佬提供的方法,鏈接如下: https://blog.csdn.net/qq_25252769/article/details/76913083 我用的是需要mui

原创 微信小程序點擊事件傳遞自定義參數的方法

在微信小程序的開發過程中,點擊事件不同於普通js傳參,而是採用自定義傳參的方法 1,綁定 格式爲data-XXX,此處是data-id, id是需要傳遞的參數 <!-- 綁定data-id 需要傳遞的參數 格式爲data-XXX -

原创 時間選擇框被modal遮蓋情況

開發過程中有時會出現時間選擇會被彈框遮蓋的情況 解決方法: iView在modal上加上transfer屬性 element在dialog上加modal-append-to-body屬性

原创 Vue UI 創建項目詳細步驟

1.首先要安裝最新的Vue CLI 在命令行工具裏輸入一下命令 npm install -g @vue/cli 或者 yarn global add @vue/cli 安裝成功後,可用vue -V命令查看已安裝的Vue CLI版本

原创 iview 3.x select選中後值有空格問題

最近有用到select選擇時需要同時傳value和lebal的值,如傳名字和id 用了iview 3的select組件和label-in-value屬性,代碼如下: <Select v-model="for

原创 echarts柱狀圖之數據過多時,實現橫向拖動展示數據

在使用echarts柱狀圖時,如果數據過多,圖的顯示不會那麼直觀,有的橫座標會被隱藏,如下圖所示:  想實現可以通過橫向滾動條拖動展示數據,看了官方文檔,實現的效果如下 具體代碼:就是添加這個代碼就可以了 dataZoom : [

原创 vue中實現pdf文件預覽的方法

第一種就是直接用window.open方法打開後臺返回的pdf預覽地址 第二種就是將pdf預覽的地址放在<embed>標籤中: 效果如下  代碼如下 <p slot="header">預覽PDF質保書</p> <div> <