1冰评、使用vue的過(guò)程中,嘗試使用js數(shù)組之間傳值预侯,發(fā)現(xiàn)改變一個(gè)數(shù)組以后致开,原始的數(shù)組也發(fā)生了變化。
原來(lái):兩個(gè)數(shù)組的地址因?yàn)橥耆x值變成了同一個(gè)萎馅,所以一個(gè)產(chǎn)生變化會(huì)對(duì)另一個(gè)也造成影響
解決:通過(guò)百度搜索發(fā)現(xiàn)可以通過(guò)JSON.parse(JSON.stringify(數(shù)組))來(lái)解決
原理:使用了stringify轉(zhuǎn)化成了string后原先的地址消失双戳,然后使用parse重新格式化就成了一個(gè)新的數(shù)組了
2、開(kāi)發(fā)的項(xiàng)目中突然發(fā)現(xiàn):項(xiàng)目中使用padding會(huì)對(duì)元素的寬高造成影響糜芳。因?yàn)橄M軌虿挥绊懺仂酰匀フ伊宿k法:設(shè)置 box-sizing:?border-box;
原因:造成padding影響盒子的width或者h(yuǎn)eight的原因是我們?cè)谠O(shè)置css樣式的時(shí)候給定了width或height,如果未設(shè)置峭竣,就不會(huì)受到padding的影響
3塘辅、設(shè)置文字超過(guò)兩行隱藏省略的辦法:
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:?2;
-webkit-box-orient: vertical;
overflow:?hidden;
4、box-shadow覆蓋問(wèn)題:在開(kāi)發(fā)中設(shè)置陰影如果下方拼接的是其他組件皆撩,并且設(shè)置了背景扣墩,那么陰影就會(huì)被覆蓋
原因:因?yàn)榻M件的層級(jí)高覆蓋了陰影
解決:設(shè)置position:relative;z-index:100扛吞;提高元素層級(jí)
5呻惕、關(guān)于父子組件傳值問(wèn)題:
如果單純只是在子組件進(jìn)行使用父組件的傳值(比如:展示信息、跳轉(zhuǎn)地址)滥比,那么子組件可以直接this. prop中的元素亚脆;
如果你想要修改父組件的傳值,那么你就要在data中聲明一個(gè)新的元素在mounted中進(jìn)行賦值操作
如果你想要?jiǎng)討B(tài)的在父子組件傳值: 父?jìng)髯?--在子組件watch監(jiān)聽(tīng)prop中的元素然后賦值盲泛; 子傳父:emit方法濒持,這個(gè)不用多說(shuō)了
6、關(guān)于多圖片上傳的實(shí)現(xiàn):
? ? (1)查乒、本身不追求實(shí)現(xiàn)效果弥喉,只是為了多圖片上傳:
? ? ? ? ? ?可以使用原生的input,它的屬性accept 以及?multiple 可以控制文件上傳的類型以及數(shù)量大小玛迄,但是類型控制不嚴(yán)謹(jǐn)由境,需要配合js使用
? ? ?(2)、有實(shí)現(xiàn)效果要求
? ? ? ? ? ? 可以使用自己的布局,然后隱藏input虏杰,使用偽觸發(fā)的形式讥蟆,獲取文件后回填url路徑展示
----待增加