vue.js 組件之間傳遞數(shù)據(jù)
有興趣可以看看,有詳細(xì)寫出各種組件傳遞數(shù)據(jù)的具體用法。
你確定是'',而不是'null'?
props傳遞,這也是大部分UI組件使用的方式。你這已經(jīng)是父子組件了當(dāng)然是采用props down, events up。
如無(wú)必要盡量少的直接操作dom,因?yàn)関ue的思想數(shù)據(jù)驅(qū)動(dòng)視圖,而不是直接操作.
當(dāng)然一些場(chǎng)景下還是有必要使用$refs的,比如獲取一個(gè)元素的寬高..
今天打開,又好了。莫名其妙啊
轉(zhuǎn)成時(shí)間處理更安全
同步的不需要操心;
異步的一般會(huì)用:watch、開銷不大用computed、或者用$on+$emit
因?yàn)槟惬@取數(shù)據(jù)是用的是getAll(),獲取了多條數(shù)據(jù),所以obj是個(gè)2維數(shù)組,所以要用循環(huán)
obj = JSON.parse(str);
for(var o in obj)
{
console.log(obj[o].id);
}
如果你只想要第一條數(shù)據(jù):
方法1:
不要使用getAll()方法
方法2:
echo encode($res[0]);
方法3:
obj = JSON.parse(str);
obj = obj[0];
console.log(obj.id);
方法1最好
prepareGallery 函數(shù)你都沒(méi)有執(zhí)行啊
你的js代碼 再加一句prepareGallery() 就可以了
.catch 只是一個(gè)語(yǔ)法糖而己 還是通過(guò) then 來(lái)處理的
大概就是這樣
Promise.prototype.catch = function(fn){
return this.then(null,fn);
}可以用::before或::after.
table td:nth-child(n+2)::before{
content: '';
position: absolute;
left: 0;
top: 10%;
width: 1px;
height: 80%;
background: #ccc;
}//阻止ios 下頁(yè)面升高
function loaded(){
var main=document.getElementById("main");
main.addEventListener("touchstart",function(e){},false);
main.addEventListener("touchmove",function(e){
//log("move");
e.preventDefault(); //阻止滑動(dòng)事件
},false);
main.addEventListener("touchend",function(e){
e= e || window.event;
if(e.target.getAttribute("id")!=="content" ){ //判斷時(shí)候是否為點(diǎn)擊元素
e.preventDefault();
}else{
}
},false);
}
微信小程序自帶的組件有很多加了:after的演示,你可以查看一下。
看場(chǎng)景,不要為了用框架而用框架。
React、Vue這種的對(duì)DOM進(jìn)行封裝的框架,如果要大量的處理DOM,本身就不是一件什么好事兒。
jQuery 是一個(gè)用于瀏覽器環(huán)境的 js 庫(kù),你下載到本地直接雙擊打開那是調(diào)用 Windows Script Shell 執(zhí)行的,它并不是瀏覽器環(huán)境,因此會(huì)報(bào)錯(cuò)。
你需要在一個(gè) HTML 文件中引用它。
可以將數(shù)據(jù)存在localStorage或者sessionStorage, 然后判斷如果緩存有數(shù)據(jù)的話直接取緩存的數(shù)據(jù),否則去請(qǐng)求數(shù)據(jù)
if(localStorage.cacheData){
this.data = localStorage.cacheData
}else {
fetchData().then(res => {
...請(qǐng)求數(shù)據(jù)
})
}可以在獲取后臺(tái)數(shù)據(jù)之后再渲染
在<el-table>上設(shè)置一個(gè)ref="multipleTable"屬性,相當(dāng)于給表格一個(gè)名字,然后通過(guò)this.$refs.multipleTable就可以拿到表格
text-align: center的意思是使該元素內(nèi)部的行內(nèi)元素居中。
而img一種特殊的行內(nèi)元素,我們暫且將其視為行內(nèi)元素。這樣,設(shè)置div為center即設(shè)置了圖片在容器中居中。
就像文字在h標(biāo)簽中居中一樣。
1.這時(shí)在子組件的鉤子里就能拿到父組件props傳過(guò)來(lái)的值了,頁(yè)面需要?jiǎng)討B(tài)更新的參數(shù),computed動(dòng)態(tài)去計(jì)算(不推薦watch)
2.watch監(jiān)聽也可以,我一開始是這么解決的,后來(lái)覺(jué)得1更好點(diǎn)。但是watch不能監(jiān)聽數(shù)組里面某個(gè)值得變化,需要配合js的splic,push等改變數(shù)組操作使用
以上是個(gè)人對(duì)此的一個(gè)解決辦法
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(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)開發(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ū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(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)師。