mpvue新人會踩的坑

網(wǎng)上很多寫mpvue的坑丧慈,有的我踩過了馍迄,有的還沒來得及踩吧……·

但是踩過并且覺得新人經(jīng)常會踩的就說下吧Q薹汀麦备!

1、新建頁面

mpvue新建一個頁面,

1)要重新npm run dev凛篙,這個沒得說

2)要再app.json里面添加路徑黍匾,也沒的說

3)要注意的是,pages下面要新建一個文件夾鞋诗,里面的vue文件和js文件名最好是不變的膀捷,都是index.vue和main.js因為在main.js里面要import App from './index/如果vue文件不是index.vue的話會報錯的!削彬!

image

2全庸、mpvue用for循環(huán)必須要加key

<div class="icon" v-for="(item,index) of iconslist" :key="index"></div>

3、mpvue 中設(shè)置頁面背景色:

要寫個沒有scoped的style融痛,因為json里面"backgroundColor": "#eeeeee",不是頁面背景色壶笼,是窗口·背景色,下拉刷新才能看到的雁刷!

<style>

  page {

    background-color: #f9f9f9;      //這個才是真正的我們想要的背景色覆劈!

  }

</style>

4、mpvue使用小程序的textarea怎樣布局:


<div>

<textarea placeholder="請寫下參加聚會的感受……(140字以內(nèi))"

          placeholder-style="" class="boxarea" v-model="commentdsc"></textarea>

</div>

設(shè)置外層divpadding是上下無沛励,左右有责语,設(shè)置textarea的padding是上下有,左右無目派,否則會混亂@ず颉!企蹭!

div {

  padding: 0 10px;

  background:#fff;

  margin: 20px 0;

}

.boxarea {

  width: 100%;

  padding: 10px 0;

}

5白筹、mpvue 小程序picker組件,時間選擇怎樣讓開始日期在結(jié)束日期之前谅摄。結(jié)束日期不能選擇在開始日期的前面

設(shè)置開始日期得結(jié)束是結(jié)束日期的選值徒河,設(shè)置結(jié)束日期的開始是開始日期的選值

<picker mode="time" :value="time1" :end="time2" @change="bindTimeChange1">

  <div class="picker pickerright">

    {{time1}}

  </div>

</picker>

picker mode="time" :value="time2" :start="time1" @change="bindTimeChange2">

  <div class="picker pickerright">

    {{time2}}

  </div>

</picker>

data{

  return{

time1: "00:00",      //初始值

time2: "23:59"

}

}

bindTimeChange1(e) {

  this.time1 = e.target.value;        //picker使用后,讓value值發(fā)生改變送漠,去更新綁定value的變量

},

bindDateChange1(e) {

  this.date1 = e.target.value;

}

6顽照、mpvue巨大的坑,下面這些不能寫作組件名闽寡,包含也不行0衾濉!:

image

否則會報一個奇怪的錯下隧!

a

canvas

cell

content

countdown

datepicker

div

element

embed

header

image

img

indicator

input

link

list

loading-indicator

loading

marquee

meta

refresh

richtext

script

scrollable

scroller

select

slider-neighbor

slider

slot

span

spinner

style

svg

switch

tabbar

tabheader

template

text

textarea

timepicker

trisition-group

trisition

video

view

web
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末奢人,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子淆院,更是在濱河造成了極大的恐慌何乎,老刑警劉巖句惯,帶你破解...
    沈念sama閱讀 222,946評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異支救,居然都是意外死亡抢野,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,336評論 3 399
  • 文/潘曉璐 我一進店門各墨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來指孤,“玉大人,你說我怎么就攤上這事贬堵∈研” “怎么了?”我有些...
    開封第一講書人閱讀 169,716評論 0 364
  • 文/不壞的土叔 我叫張陵黎做,是天一觀的道長叉跛。 經(jīng)常有香客問我,道長蒸殿,這世上最難降的妖魔是什么筷厘? 我笑而不...
    開封第一講書人閱讀 60,222評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮宏所,結(jié)果婚禮上酥艳,老公的妹妹穿的比我還像新娘。我一直安慰自己爬骤,他們只是感情好玖雁,可當我...
    茶點故事閱讀 69,223評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著盖腕,像睡著了一般。 火紅的嫁衣襯著肌膚如雪浓镜。 梳的紋絲不亂的頭發(fā)上溃列,一...
    開封第一講書人閱讀 52,807評論 1 314
  • 那天,我揣著相機與錄音膛薛,去河邊找鬼听隐。 笑死,一個胖子當著我的面吹牛哄啄,可吹牛的內(nèi)容都是我干的雅任。 我是一名探鬼主播,決...
    沈念sama閱讀 41,235評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼咨跌,長吁一口氣:“原來是場噩夢啊……” “哼沪么!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起锌半,我...
    開封第一講書人閱讀 40,189評論 0 277
  • 序言:老撾萬榮一對情侶失蹤禽车,失蹤者是張志新(化名)和其女友劉穎订歪,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體崖蜜,經(jīng)...
    沈念sama閱讀 46,712評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡舵变,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,775評論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了逸月。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片栓撞。...
    茶點故事閱讀 40,926評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖碗硬,靈堂內(nèi)的尸體忽然破棺而出瓤湘,到底是詐尸還是另有隱情,我是刑警寧澤肛响,帶...
    沈念sama閱讀 36,580評論 5 351
  • 正文 年R本政府宣布岭粤,位于F島的核電站,受9級特大地震影響特笋,放射性物質(zhì)發(fā)生泄漏剃浇。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,259評論 3 336
  • 文/蒙蒙 一猎物、第九天 我趴在偏房一處隱蔽的房頂上張望虎囚。 院中可真熱鬧,春花似錦蔫磨、人聲如沸淘讥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,750評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蒲列。三九已至,卻和暖如春搀罢,著一層夾襖步出監(jiān)牢的瞬間蝗岖,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,867評論 1 274
  • 我被黑心中介騙來泰國打工榔至, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留抵赢,地道東北人。 一個月前我還...
    沈念sama閱讀 49,368評論 3 379
  • 正文 我出身青樓唧取,卻偏偏與公主長得像铅鲤,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子枫弟,可洞房花燭夜當晚...
    茶點故事閱讀 45,930評論 2 361

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

  • 前言 這是我第一次開發(fā)小程序邢享,開發(fā)的產(chǎn)品是音頻類的,在大佬的建議下采用了mpvue,一周時間把功能都做出來淡诗,由于不...
    fengxianqi閱讀 2,246評論 0 5
  • 作為一個vue深度使用者驼仪,如何高效開發(fā)小程序的同時又能方便原vue項目代碼的維護掸犬?經(jīng)過一段時間的調(diào)研,決定踩踩mp...
    比德魯濱遜閱讀 3,722評論 0 10
  • 美團小程序框架mpvue(花名:沒朋友)蹲坑指南 第一次接觸小程序大概是17年初,當時小程序剛剛內(nèi)側(cè),當時就被各種...
    noahlam閱讀 2,505評論 3 32
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5绪爸? 答:HTML5是最新的HTML標準湾碎。 注意:講述HT...
    kismetajun閱讀 27,527評論 1 45
  • 命名格式 組件名不要和微信的組件名重名 (網(wǎng)上整理來的各個小點,方便自己查看) 微信自帶組件 view scrol...
    little_zz閱讀 16,995評論 6 17