vue使用小記(坑)

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路徑展示


----待增加

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市纺阔,隨后出現(xiàn)的幾起案子瘸彤,更是在濱河造成了極大的恐慌,老刑警劉巖笛钝,帶你破解...
    沈念sama閱讀 222,590評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件质况,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡玻靡,警方通過(guò)查閱死者的電腦和手機(jī)结榄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)囤捻,“玉大人臼朗,你說(shuō)我怎么就攤上這事⌒粒” “怎么了视哑?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,301評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)誊涯。 經(jīng)常有香客問(wèn)我挡毅,道長(zhǎng),這世上最難降的妖魔是什么暴构? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,078評(píng)論 1 300
  • 正文 為了忘掉前任慷嗜,我火速辦了婚禮,結(jié)果婚禮上丹壕,老公的妹妹穿的比我還像新娘。我一直安慰自己薇溃,他們只是感情好菌赖,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,082評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著沐序,像睡著了一般琉用。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上策幼,一...
    開(kāi)封第一講書(shū)人閱讀 52,682評(píng)論 1 312
  • 那天邑时,我揣著相機(jī)與錄音,去河邊找鬼特姐。 笑死晶丘,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播浅浮,決...
    沈念sama閱讀 41,155評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼沫浆,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了滚秩?” 一聲冷哼從身側(cè)響起专执,我...
    開(kāi)封第一講書(shū)人閱讀 40,098評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎郁油,沒(méi)想到半個(gè)月后本股,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,638評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡桐腌,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,701評(píng)論 3 342
  • 正文 我和宋清朗相戀三年拄显,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片哩掺。...
    茶點(diǎn)故事閱讀 40,852評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡凿叠,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出嚼吞,到底是詐尸還是另有隱情盒件,我是刑警寧澤,帶...
    沈念sama閱讀 36,520評(píng)論 5 351
  • 正文 年R本政府宣布舱禽,位于F島的核電站炒刁,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏誊稚。R本人自食惡果不足惜翔始,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,181評(píng)論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望里伯。 院中可真熱鬧城瞎,春花似錦、人聲如沸疾瓮。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,674評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)狼电。三九已至蜒灰,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間肩碟,已是汗流浹背强窖。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,788評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留削祈,地道東北人翅溺。 一個(gè)月前我還...
    沈念sama閱讀 49,279評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親未巫。 傳聞我的和親對(duì)象是個(gè)殘疾皇子窿撬,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,851評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 1.vue怎么實(shí)現(xiàn)dom緩存? 通過(guò)keep-alive包裹router-view 2.$route和$route...
    阿印_ef04閱讀 436評(píng)論 0 2
  • client,page和screen的區(qū)別叙凡? clientX劈伴,clientY是觸摸點(diǎn)相對(duì)于viewport視口x,...
    change_22fa閱讀 1,653評(píng)論 1 1
  • 2018web前端最新面試題總結(jié) 一、Html/Css基礎(chǔ)模塊 基礎(chǔ)部分 什么是HTML握爷?答:? HTML并不是...
    duans_閱讀 4,670評(píng)論 3 27
  • 常見(jiàn)試題 行內(nèi)元素:會(huì)在水平方向排列跛璧,不能包含塊級(jí)元素,設(shè)置width無(wú)效新啼,height無(wú)效(可以設(shè)置line-h...
    他大舅啊閱讀 2,451評(píng)論 1 5
  • #前端基礎(chǔ) # ## JavaScript基礎(chǔ) ## ###渲染機(jī)制與變量 ### script代碼為什么放到bo...
    hmg閱讀 256評(píng)論 1 1