在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue自定義表單輸入組件問(wèn)題

vue自定義表單輸入組件問(wèn)題

clipboard.png
1.在定義子組件的時(shí)候有引用父組件的value值( props:['value'] ),但是在引用的時(shí)候?yàn)槭裁礇](méi)有從父組件中傳入值呢?
2.引用子組件在雙向綁定price的值是不是已經(jīng)把值給到子組件定義的value里去了,所以就不用再綁定value值給子組件了?
3.雙向綁定的price值到底是給了sapn還是input,雙向綁定price的作用是什么

回答
編輯回答
失心人
  1. value是一個(gè)特殊的prop,算是固定用法,用在寫(xiě)自定義的表單類型組件上,跟v-model搭配使用,可以查文檔。
  2. 是的,可以查文檔
  3. 給了子組件,并不是屬于哪個(gè)dom的。按照你的代碼結(jié)構(gòu)是這樣的

    • 數(shù)據(jù)輸入:

      • 父 => 子
      • 子 => input (可以把input也理解為一個(gè)組件)
    • 數(shù)據(jù)輸出:

      • input ==自定義事件==> 子
      • 子 ==自定義事件==> 父

貼個(gè)文檔地址

2018年2月21日 09:49
編輯回答
六扇門(mén)

1)v-model是input之類的綁定,對(duì)組件不適合
2)傳入組件的值是單向,非雙向
3)組件接收傳入值在pros定義,請(qǐng)參考vue官方文檔

2018年5月30日 13:49
編輯回答
囍槑

小明同學(xué):1.你還沒(méi)有分清什么是父子組件,如果想從app里獲取數(shù)據(jù),應(yīng)該寫(xiě)成:

       調(diào)用組件:
       ...
       <currency-input :value="price"></currency-input>   
       ...
       聲明組件的模板里面:
       ...
       <input v-model="price" :value="value" @input="..."/>
       ...
     2.v-model模式只能用到input這樣的輸入元素上喲,完成雙向綁定數(shù)據(jù)
2017年5月3日 09:54