摘要:看看這里說的順便你可以加深對(duì)和的理解計(jì)算屬性默認(rèn)只有,不過在需要時(shí)你也可以提供一個(gè)然后,解決完畢嘻嘻嘻二打包工程上線后,你發(fā)現(xiàn)開發(fā)者工具的看到了源碼對(duì),上線配置錯(cuò)了。
一、vue單頁(yè)面回退丟失參數(shù)的問題
可能有些跟我一樣的新手同學(xué)會(huì)遇到一個(gè)問題,就是比如我從商品詳情跳轉(zhuǎn)到購(gòu)物車,沒問題,但是,購(gòu)物車頁(yè)面中點(diǎn)擊瀏覽器的回退按鈕,返回到detail頁(yè)面時(shí),你的動(dòng)態(tài)數(shù)據(jù)(圖片啊,名稱啊,價(jià)格啊什么的)不見了,只剩下一堆css樣式架子在那里,很難受。
這就是單頁(yè)面回退參數(shù)丟失的問題,話不多說,直接說解決方法。
1、首先,我們需要了解一下Vuex。(狀態(tài)管理)具體大家百度vuex
在vue-cli工程中 npm安裝:npm i vuex --save 引入到項(xiàng)目mian.js中: import Vuex from "vuex" Vue.use(Vuex); 定義一個(gè)常量 const store = new Vuex.Store({ state: { songInfo:"" }, mutations: { //定義函數(shù),比如我要獲取songInfo getSongInfo(state, songInfo) { state.songInfo = songInfo; } } }); 然后全局的vue中加上去store /* eslint-disable no-new */ new Vue({ el: "#app", router, store, components: { App }, template: "" }) 這樣,我們main.js的部分就做好了,那么頁(yè)面部分怎么做呢 我們既然要獲取,就要先存 在你存數(shù)據(jù)的vue頁(yè)面中,id是參數(shù),可以是數(shù)組,變量什么的,要不要看你自己需求 save(id){ //console.log(id); this.$store.commit("getSongInfo", id); } 然后接下來就是在你想要獲取數(shù)據(jù)的頁(yè)面獲取儲(chǔ)存的東東了 computed:{ hereIsYourData(){ return this.$store.state.songInfo; } }
為什么加了個(gè)computed計(jì)算屬性呢?我覺得挺方便的。看看這里說的
https://cn.vuejs.org/v2/guide...
順便你可以加深對(duì)watch和conputed的理解
計(jì)算屬性默認(rèn)只有 getter ,不過在需要時(shí)你也可以提供一個(gè) setter
然后,解決完畢!嘻嘻嘻
二、webpack打包工程上線后,你發(fā)現(xiàn)開發(fā)者工具的source看到了源碼
對(duì),webpack上線配置錯(cuò)了。去到config文件夾下的index.js,里面有個(gè)build的內(nèi)容,把其中的productionSourceMap改成false
三、凡是修改了項(xiàng)目的配置,都要重新npm run dev 喲,因?yàn)闊嶂剌d一般是自動(dòng)更新修改的頁(yè)面
四、vue的Post請(qǐng)求到后臺(tái)語言(php,java,asp啥的),發(fā)現(xiàn)post不出去,不報(bào)錯(cuò)又沒效果
解決方案:加上{emulateJSON: true}。例如:
this.$http.post("url", { //參數(shù) },{emulateJSON: true}).then(function(res) { //suc });
五、發(fā)現(xiàn)webpack打包后,頁(yè)面是空的
可能你的路由mode是history,要改成hash,一般默認(rèn)是hash。
。。。就大概說這些吧,想不起來了。。。我只是個(gè)初學(xué)者。。。
最后link一下算是帶我入門的導(dǎo)師,慕課網(wǎng)的河畔一角,看了他的視頻,講的很棒
https://coding.imooc.com/clas...
還有我的項(xiàng)目,大家喜歡的話,可以找我要源碼,同時(shí)跪求!跪求!有大神可以指點(diǎn)我一下子!
http://111.230.91.125:3000/#/
http://111.230.91.125:8080/Vshop/view/index.html
如果你覺得文章不錯(cuò)的話,點(diǎn)個(gè)小贊唄,謝謝謝謝,嘻嘻嘻!
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/95711.html
摘要:五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽(yáng)乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟,夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源;定時(shí)更新,歡迎 Star 一下。 蘇...
摘要:五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽(yáng)乾宿雨,水面清圓,一一風(fēng)荷舉。家住吳門,久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟,夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源;定時(shí)更新,歡迎 Star 一下。 蘇...
摘要:關(guān)于個(gè)人開源項(xiàng)目的一些總結(jié)項(xiàng)目地址項(xiàng)目簡(jiǎn)介此項(xiàng)目名叫。網(wǎng)站目前實(shí)現(xiàn)了登錄注冊(cè)日歷導(dǎo)入文件考勤導(dǎo)出缺勤名單等核心功能。這對(duì)于小型項(xiàng)目來說并沒有什么問題。編譯后的大小關(guān)于文件上傳與導(dǎo)出功能文件上傳導(dǎo)出可以說是此項(xiàng)目最關(guān)鍵的點(diǎn)了。 關(guān)于個(gè)人開源項(xiàng)目(vue app)的一些總結(jié) 項(xiàng)目地址 https://github.com/BYChoo/record 項(xiàng)目簡(jiǎn)介 此項(xiàng)目名叫:Record。是以...
摘要:關(guān)于個(gè)人開源項(xiàng)目的一些總結(jié)項(xiàng)目地址項(xiàng)目簡(jiǎn)介此項(xiàng)目名叫。網(wǎng)站目前實(shí)現(xiàn)了登錄注冊(cè)日歷導(dǎo)入文件考勤導(dǎo)出缺勤名單等核心功能。這對(duì)于小型項(xiàng)目來說并沒有什么問題。編譯后的大小關(guān)于文件上傳與導(dǎo)出功能文件上傳導(dǎo)出可以說是此項(xiàng)目最關(guān)鍵的點(diǎn)了。 關(guān)于個(gè)人開源項(xiàng)目(vue app)的一些總結(jié) 項(xiàng)目地址 https://github.com/BYChoo/record 項(xiàng)目簡(jiǎn)介 此項(xiàng)目名叫:Record。是以...
閱讀 3745·2021-09-22 10:57
閱讀 1919·2019-08-30 15:55
閱讀 2710·2019-08-30 15:44
閱讀 1738·2019-08-30 15:44
閱讀 1883·2019-08-30 15:44
閱讀 2252·2019-08-30 12:49
閱讀 1059·2019-08-29 18:47
閱讀 3141·2019-08-29 16:15