1、使用keep-alive
<keep-alive>
<router-view></router-view>
</keep-alive>
2、使用vue-router的鉤子函數(shù)
let indexScrollTop = 0
router.beforeEach((route, redirect, next) => {
if (route.path !== '/') {
indexScrollTop = document.body.scrollTop //開(kāi)始切換路由前將當(dāng)前頁(yè)面scrollTop存放到變量
}
next()
})
router.afterEach(route => {
if (route.path !== '/') {
document.body.scrollTop = 0
} else {
Vue.nextTick(() => {
document.body.scrollTop = indexScrollTop //路由切換完成設(shè)置scrollTop
})
}
})
因?yàn)闃?gòu)建出來(lái)的是單頁(yè)應(yīng)用了??梢允褂卯惒叫问郊虞d組件。
F12看請(qǐng)求頭信息即可。如果是火狐,網(wǎng)絡(luò)--點(diǎn)擊ajax那條請(qǐng)求--頭信息,請(qǐng)求頭信息;谷歌也類(lèi)似,在network的headers里
已經(jīng)解決,方案如下:
請(qǐng)求頭設(shè)置:
'Accept': 'application/json',
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
并且把受到的JSON參數(shù)拼接到url中:
let getUrl = (url, body, isForm) => {
var b = '';
for (var bo in body) {
b += `&${bo}=${body[bo]}`;
}
if (b.substr(0, 1) == '&') b = b.substr(1);
if (isForm) {
return b;
}
if (url.indexOf('?') === -1) {
return `${url}?$`;
}
return `${url}&$`;
};
完整的代碼:
let getUrl = (url, body, isForm) => {
var b = '';
for (var bo in body) {
b += `&${bo}=${body[bo]}`;
}
if (b.substr(0, 1) == '&') b = b.substr(1);
if (isForm) {
return b;
}
if (url.indexOf('?') === -1) {
return `${url}?$`;
}
return `${url}&$`;
};
export const request = (url, method, body, isUrlParam, notice, popNoticeSuccess = false) => {
let isOk;
return new Promise((resolve, reject) => {
var opt = {
method,
headers: {
'Accept': 'application/json',
//'Content-Type': 'application/json;charset=utf-8'
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
}
}
if (isUrlParam)
url = getUrl(url, body, false);
else
opt.body = getUrl(url, body, true);
//alert(JSON.stringify(opt));
fetch(url, opt).then((response) => {
if (response.ok) {
isOk = true;
} else {
isOk = false;
}
return response.json();
}).then((responseData) => {
if (isOk) {
if (responseData.code == 1) {
if (popNoticeSuccess) {
notice('suc', responseData.msg);
}
//console.log(JSON.stringify(responseData));
resolve(responseData.data);
} else {
notice('err', responseData.msg);
reject(responseData.data);
}
} else {
reject(responseData.data);
}
}).catch((error) => {
reject(error);
});
});
};
你這是一個(gè)對(duì)象,在data里把對(duì)象的屬性補(bǔ)齊就行了
先npm install sockjs-client --save和npm install stompjs --save
然后在script引入依賴(lài)
import SockJS from "sockjs-client";
import Stomp from "stompjs";
然后正常使用就可以了
是不是 /error 的路由死循環(huán)了,沒(méi)有判斷去/error的時(shí)候直接next 釋放掉呢
http://www.w3school.com.cn/ta...
http://www.w3school.com.cn/ta...
表格有這兩個(gè)屬性應(yīng)該能滿(mǎn)足你的需求
不建議你這樣寫(xiě),你可以寫(xiě)v-show="banner",然后拿到數(shù)據(jù)之后給banner賦值??偠灾?,盡量不要用未知數(shù)據(jù)。
this.filter = {
a: xx,
b: xx
}
這樣是可以的。絕對(duì)沒(méi)問(wèn)題。
ready事件,是第一次進(jìn)入到頁(yè)面,文檔加載完成后觸發(fā)。之后不會(huì)再被觸發(fā)。
如果想每次進(jìn)入到首頁(yè)都執(zhí)行這段代碼,即每次進(jìn)入到這個(gè)路由都執(zhí)行這段代碼,只要放在mounted鉤子函數(shù)中執(zhí)行就OK。
你只引入了 這個(gè)插件的js部分 這個(gè)插件還有樣式文件需要引入, 我記得官網(wǎng)有兩個(gè)皮膚
,一般是引入snow這個(gè)皮膚,
你應(yīng)該有驗(yàn)證權(quán)限的,在你的里面加上你的驗(yàn)證權(quán)限的header
不要用 :key="item",應(yīng)該用key為一個(gè)唯一的值,這樣會(huì)使vue更好的重用dom,減少重繪,可能會(huì)解決你的卡頓問(wèn)題。
參數(shù)要求傳輸?shù)氖擎湵淼牡谝粋€(gè)元素,故需要這么創(chuàng)建鏈表后,然后再調(diào)用打印鏈表的方法
var head = new ListNode(1);
var second = new ListNode(2);
var third = new ListNode(3);
head.next = second;
second.next = third;
printListFromTailToHead(head); // [3, 2, 1]
el-table打個(gè)ref=multipleTable,然后this.$refs.multipleTable.selection獲取勾選列表。
北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專(zhuān)業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。