原创 通過useExtendedLib擴展庫的方式 引入並使用WeUI

通過useExtendedLib擴展庫的方式 引入並使用WeUI 第一步,在app.ison 中加入 useExtendedLib 字段 "useExtendedLib": { "weui": true } 第二步,在

原创 小程序 不在以下 request 合法域名列表中,請參考文檔

如圖,點後面這個鏈接就行了,就會有一個說明文檔(https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html),大概意思就是需要配置一下域

原创 Vue Element Admin 用mock模塊模擬數據

步驟簡單 一  在 src/api/charts 中添加接口 , 方法名爲 getindexMock  import request from '@/utils/request' export function getindexMoc

原创 vue刷新當前路由

如圖刷新右邊 1.添加刷新方法, export function refresh(that) { that.$router.replace({ path: '/refresh', query: {} }) }

原创 SassError: Expected newline. sass報錯

這個問題有點調皮,是個小坑,雖然我們用的是 sass ,但是這裏卻不能寫 sass ,要寫 scss ,咱啥也不知道啥也不敢問啊,現在改好了就可以運行了

原创 前端用md5加密

步驟簡單 一:下載md5 npm install js-md5 二:導入使用 1. 導入 import md5 from 'js-md5'; 2.使用 console.log('name=====', md5(name)) 打印下

原创 el-tree 改變label

<el-tree :data="data" :props="treeProps" @click="showAdd()"></el-tree> treeProps: { label: "name", children: "chi

原创 textarea 去掉完成兩個字

去掉前 去掉後 將show-confirm-bar設置爲空就行了,默認的是true,但是設置爲false也是無效,只有設置爲空纔有效果 <textarea name="" id="" cols="30" rows="10"show-

原创 element組件中文顯示

今天用到element組件分頁的時候,看着官方文檔是顯示共計多少條,然後到我這裏就是顯示total,感覺很不合適,後來發現,element是可以設置中文顯示的,如下圖   import locale from 'element-ui/l

原创 vue將js和css單獨拆分出來

這裏用的是 vue-element-admin 框架 一  新建一個文件夾 webManage , 裏面放 css 和 js 文件夾 二  拆分 把需要拆分的文件 直接剪切到對應的文件夾裏就可以了 三  在vue頁面上調用 對應的 j

原创 el-tree清除已選中的

清除 element  el-tree 已選中的選項,光是清除 default-checked-keys 值是沒用的 element 的 el-tree 組件是採用賦值的方式改變是否勾選的,所以你應該使用組件中提供的 this.$ref

原创 小程序textarea 輸入內容,滑動頁面,內容也跟着滑動

給 textarea 增加fixed屬性:<textarea fixed> 即可

原创 小程序訂單頁面功能實現,以及 swiper 高度多出屏幕問題解決

如圖這裏的tab頁面,嵌套在頁面中間的,上面和下面都有東西, 如果正常設置高度寬度100%,滑動的時候頁面顯示的就不是100%了,而是比一個頁面多,把上面的元素也加上去了,這樣肯定不行的,我現在做的時候,就只讓它在中間滑動,不可以超出這

原创 element 動態添加表頭

用戶狀態後臺返回給我的是 0 和 1, 根據 0 和 1 來顯示,啓用和禁用, 但是文檔上的例子是直接用 prop = ' userName ' 這種方法來顯示數據的,如果還是這麼寫的話,那表格裏展示出來的就是 0 和 1 ,這並不符合我

原创 element 驗證詳解 自定義驗證規則

  如圖,驗證功能點名稱,長度1-20並且是數字和字母的組合。 長度是1-20,這個很好辦,直接 el-form表單上添加 :rules="rules" , 添加個 ref="ruleForm" ,下面提交的時候好識別 , prop="