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