原创 Ant Design of Vue —— Table表格組件之設置動態表頭

先看效果:  代碼如下: scopedSlots是作用域插槽,filterDropdown可以自定義篩選菜單,title表頭名字  通過下拉框選擇,選到哪一項,就給相應的變量賦值 https://www.cnblogs.com/

原创 刷新頁面後,vuex中數據丟失,清空的解決方案vuex-persistedstate

在nuxt中使用vuex-persistedstate(場景是登錄後存儲用戶的信息) 1.login.vue async login(params) { try { const res = await log

原创 vue : 無法加載文件 D:\Program Files\nodejs\node_global\vue.ps1,因爲在此係統上禁止運行腳本。有關詳細信息,請參閱 https:

使用vue-cli3.0以上版本創建項目,然後引入插件,vue add element,報錯:vue : 無法加載文件 D:\Program Files\nodejs\node_global\vue.ps1,因爲在此係統上禁止運行腳本。有

原创 CSS將img圖片填滿父容器div,自適應容器大小

當一個頁面中引入多張圖片時候,會碰到圖片尺寸不一致,單要求顯示成一致的大小,我們直接設置圖片尺寸會導致圖片變形,這就是我們遇到的問題,看下解決方法: <div> <img src="引入的圖片地址" alt=""> </

原创 uni-app不能使用大於小於符號的坑

做畢設,我是用的uni-app,踩了不少的坑,其中一個就是我在其中使用了&lt;和&gt;移動端的運行起來沒有報錯,手機真機運行起來的時候就報如下錯誤: 這是我一步一步排錯,才排到了這個符號的錯誤,原來是在手機上不支持大於小於的符號。在這

原创 vue實現checkbox點擊選擇控制element-ui table表單動態列展示與隱藏

要實現的效果:  實現的代碼: 首先是數據準備: 複選框數據: const tradeSelections = [ {eng:'tradetype', name:"交易類型"}, {eng:'ordertype', name:

原创 vue使用vuex詳細過程學習(一)

vuex是什麼? vuex是專爲vue應用程序開發的狀態管理模式,你可以簡單的將其看成是把多個組件需要共享的變量全部存儲在一個對象裏面,將這個對象放在頂層的vue實例中,讓其他組件都可以使用,這樣的話,我們是不是可以自己封裝一個對象來管理

原创 Promise做了vuex和組件的一個橋樑

promise真是強大啊。。。 記錄一個案例: 需求是這樣的,用戶異步修改vuex裏面的數據,然後告訴組件已經修改完成。 方法一: //store中index.js import Vue from "vue"; import Vuex

原创 Vuex之getters的使用方法

什麼是getters? getters其實就是store的計算屬性,對state裏面的狀態進行過濾處理,用法與組件自身的計算屬性一模一樣。 怎麼使用getters? 在store文件夾下的index.js中: //index.js i

原创 elementUI+vue修改文件名(不是文件夾的話只修改名字,不修改後綴名)的實現方法

不做不知道,一做就懵了。 今天遇到一個需求:如果是文件夾就可以直接修改名字,如果不是文件夾,是一個有後綴名的文件,那麼只修改除後綴名之外的部分 修改文件夾: 修改有後綴名的文件: 直接上結果: 方法一: 用一個存儲變量來存儲有後綴名

原创 params和query的區別,$route和$router的區別

params和query的區別,$route和$router的區別paramsqueryparams和query的區別$route$router params params的類型: 配置路由格式:/router/:id 傳

原创 webpack的認識和安裝(一)

什麼是webpack呢? webpack是一個模塊打包工具。 有什麼作用? 1.支持模塊化開發:怎麼支持呢,比如我們在webstorm寫一些CommonJS規範的語法,還有AMD,CMD(這些是啥自行百度),不會執行這些語法,因爲webs

原创 感謝關注我的小夥伴們

哈哈哈樓主考研轉行了,感謝關注我的小夥伴們。以後只能把前端當業餘來玩一玩了。  

原创 【已解決】Computed property "strategyName" was assigned to but it has no setter.

場景是這樣: 在vuex裏面有個公共的名字,組件裏面使用,也可以修改,但是當修改時就報了這個錯誤。 解決方法如下: mystrategy.js模塊 在組件裏面使用strategyName: 當input框失去焦點時就達到修改名稱成功

原创 element table動態添加列樣式

項目是:vue-li+element-ui+axios+qs+vue-router框架 當前樣式表現爲:  如果要將狀態塗上不同的背景顏色來更明顯的區分不同狀態,該怎麼實現   顯示思路: 1.添加屬性cell-style,並起名ce