原创 vue中localstorage的運用
首先情景是：線上商城用戶想增加地址。使用了vant的增加地址的組件。用戶點擊保存觸發onSave，首先把需要的存入的數據也就是用戶的姓名地址存到一個對象裏。 onSave(content) {
2020-05-15 17:33:24
原创 父組件監視子組件中checkbox的屬性
背景： 線上商城下訂單的時候，用戶選擇存在localstroge中的地址。 父組件：選擇地址的頁面。selectAdd下的index.vue 子組件：每一個地址。（CheckBox+地址） 要實現只能選擇一個地址確認。 我前後考
2020-05-15 17:33:24
原创 不用commit提交就能修改mapState的值【使用this.$set】
情景：商城的購物車界面，點擊全選選中全部商品，再次點擊全部取消。商城裏的數據存儲在vuex裏面一個叫做list_cart的數組裏，其中一個屬性是ischecked來控制每個商品是否被選中。 而下面這個則是van-submit-ba
2020-05-12 11:57:41
原创 vue定義在computed的變量無法更新
情境是這是線上商城的詳情頁面，商品詳情是items數組，點擊分類頁面的商品，路由跳轉到詳情頁面，路由參數是商品在items中的序號。 但是問題是隻有第一次點擊商品i的時候可以正常加載items[i]的數據到html中，退出後點擊商
2020-05-12 11:57:41
原创 VUE:父子間通過props和emit通信
這裏假設一個背景。 父組件：購物車頁面。 子組件：購物車裏面的每一個商品的item。 父組件需要爲子組件提供數據（商品類型、商品價格、商品標籤等）。父組件無須額外定義說明這些數據，在子組件調用的地方（item的標籤內）直接調用就行
2020-05-10 14:11:51
原创 vue監聽路由的改變和監聽頁面的刷新與離開
要分清兩者的區別。 首先是監聽頁面的刷新與離開，此時相當於直接在這個網頁中按了刷新，如果是webapp則是離開這個app而不是切換路由！ 在script中直接增加監聽器監視beforeunload： //監視如果頁
2020-05-10 14:11:51
1
原创 this.$router.push傳遞參數失敗undefined
首先據我查的資料，this.$router.push路由跳轉有以下幾種形式： 1. 不帶參數 this.$router.push('/home') this.$router.push({name:'home'}) this.
2020-05-10 14:11:51
原创 router.push子路由出現Navigating to current location ("/item") is not allowed"
環境：父路由的path: /item/item01/，子路由的path:evaluate。 在模板中使用了 <router-view></router-view>，並且觸發了 this.$router.push("
2020-05-09 07:26:22
原创 vue中使用iconfont的font-class
進入阿里巴巴的素材庫https://www.iconfont.cn/，選擇需要的，加入購物車，然後下載到本地。 解壓縮之後把除了demo的全部放到assets下面，創建一個文件夾iconfont全部放進去。 然後main.js裏面直
2020-05-07 13:38:28
原创 記一次踩雷經歷：Vue引入vant的van-tabs組件後不顯示並且報錯
核心錯誤應該是[Vue warn]: Property or method "$t" is not defined on the instance but referenced during render. Make sure
2020-05-05 22:44:54
原创 vant在vue/cli3中引入
因爲官網的文檔是給微信小程序的，所以記錄一下。 要注意一下webstorm自動生成的vue模板是vue/cli3，很多教程裏面說的是改.babelrc，但是這個是2.x版本的，3.0應該是直接在babel.config.js下面改
2020-05-05 22:44:54
原创 nodejs爬蟲的入門
首先想清楚你到底用什麼做。 因爲不同的用法有細微的區別。最方便入門的應該是使用request和cheerio。cheerio是nodejs中的jquery。request是更方便的http模塊。 爬蟲其實就是兩步： 第一步從網上把
2020-05-03 20:34:30
原创 使用ElementUI作爲前端組件框架/和postcss衝突報錯/el-button高度過高
教程官網真的很詳細！！！ https://element.eleme.cn/#/zh-CN/component/quickstart 但是這時候引入會出現問題： (1:98603) ‘.el-tooltip__popper .p
2020-04-26 13:13:50
原创 JS筆試記錄（一）【基本類型與類型轉換/字符串與數字的加減/全局的對象/頁面生命週期】
基本類型與類型轉換 六個原始類型（primitive type）：String、Number、Boolean、Undefined、Null、Symbol(ES6新增)；複雜數據類型Object 是元類型的擴展、有數組Array、
2020-04-23 14:54:14