原创 vue項目之el-table點擊表頭,進行排序

一、效果 二、vue 三、JS // 排序 在 data 裏面初始 tableSort: { sortBy: "", sort: 0 } settingClass 渲染表頭: renderHeader 排序功

原创 基於Vue項目的TypeScript之函數基礎篇

一、函數 注:在菜鳥教程上面學習 TypeScript ,並在本地 Vue 項目上練手。 methods: { /** * ts-function 之【函數返回值】 * 1、無參 2、有參 */ greet(

原创 vue項目之上傳單個文件功能

一、效果 用 input type="file" 實現文件的上傳功能。 點擊瀏覽按鈕,文件顯示在input框;點擊上傳按鈕,上傳服務器。 二、代碼 vue文件 js less

原创 vue項目之前後臺聯調之以數組作爲參數傳給服務端

一、要求 由於項目特殊要求,上傳到知識庫的文件,再點擊保存按鈕,保存至項目數據庫。 由於上傳多個文件,保存操作後臺要求前端用數組作爲參數傳過去。 二、代碼 試了很多方式,剛開始用的 axios ,各種不行;最後選擇用 jQuer

原创 js之導出Excel

項目基於--vue 做的一個導出 Excel 功能 code:

原创 小程序uniapp項目之分享好友功能

一、需求 點擊分享好友或者微信好友,都分享給微信好友 二、code 都一樣,需要調用微信提供的open-type=“share” <button class="btn share_friends" open-type="sh

原创 小程序項目之圖片不變形

一、問題 原圖應該顯示 實際上顯示 圖片變形了。 二、解決 我們的小程序圖片規則已經定義好了寬高比例,需要運營童鞋按照比例給圖。 這種情況下,image標籤用mode='widthFix'屬性非常合適 <image v-if

原创 vue項目之PC端下拉加載

一、需求 產品要求PC端實現下拉加載更多的數據。 二、經過 經調查,移動端用着比較好,PC端很少有用到。基本都是自己手寫一個組件。 在git上有一個 vue-mugen-scroll,用的不多,但是實現起來很方便。 三

原创 vue項目之自定義組件實現PC端下拉加載

一、需求 滑動 el-table 滾動條,實現 thead 不動,下拉 tbody 到底部時,el-table加載數據。 具體UI請看另一篇文章的需求 PC端下拉加載 二、經過 同事正好有一個寫好的下拉加載的組件,就用了 自

原创 修改hosts文件後,win10提示不能保存文件

一、問題 win10 -- C:\Windows\System32\drivers\etc -- host文件, 修改後不能保存 二、解決途徑 試了很多方式,有效的方法: 1、根據一提供的路徑,找到hosts文件 2、選中h

原创 vue項目之 el-table 拖拽行

一、功能 表格的任意行都可以拖拽位置;默認不能拖拽表格,點擊拖拽按鈕可以拖拽。 二、代碼 npm 下載 sortablejs 頁面按鈕: 頁面el-table js引入 sortablejs data() {} 裏面的相

原创 VUE項目之el-input裏面有文字出現浮框,沒有不出現浮框

一、功能 el-input裏面有文字出現浮框,沒有不出現浮框。 剛開始用的 因爲功能原因,在 template 標籤上面加上了 v-if v-if 時,el-tooltip 標籤里加上 el-input; v-else 直接寫

原创 js之iframe跨域與父頁面進行通信(Blocked a frame with origin...)

一、問題 iframe 這個被嵌套的頁面,在打開之前,需要把值傳給父頁面,本地測試行的通; 到服務端就不行了,報錯:Blocked a frame with origin... 咦,原來 iframe 也存在跨域啊。 二、原因

原创 js之 H5 的 video 標籤全屏功能不能用

一、問題 H5 的 video 標籤全屏功能不能用。 二、經過 剛開始以爲 video 標籤全屏功能默認沒有開的。 後來發現,全屏功能在本地是好使的,服務端就打不開。 因爲現在這個項目,是嵌套在一個項目的 iframe 頁面。

原创 vue el-table手動新增行

一、功能 點擊 新增行 按鈕,el-table 新增一行 二、code VUE js