国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - 關(guān)於雙向綁定v-model的疑問(wèn)
phpcn_u1582
phpcn_u1582 2017-05-19 10:39:18
0
5
642

剛接觸vue,對(duì)於其中v-model有幾個(gè)疑問(wèn),例如在子元件中使用v-model,最終也是透過(guò)this.$emit('input', value) ,將數(shù)據(jù)返回給父組件。
那麼對(duì)於雙向綁定是否有限制???例如可以對(duì)父元件中data的key/value進(jìn)行操作,那麼是否可以對(duì)父元件data中某項(xiàng)陣列的對(duì)應(yīng)值進(jìn)行操作?
另外就是是否可以對(duì)computed屬性中某數(shù)組進(jìn)行雙向綁定操作?

#鄙人試了下,看似如上圖的操作結(jié)果,所以想請(qǐng)告知下,如果可以 應(yīng)該如何操作?

              <tr v-for="i in thisPageData">//thisPageData屬于computed中的數(shù)組
                  <td>
                      <c-checkbox v-model="i.checked" @input="showInput"></c-checkbox>
                  </td>
                  <td>{{i.checked}}</td>
                  <td>{{ i.id }}</td>
                  <td>{{ i.code }}</td>
                  <td>{{ i.name }}</td>
                  <td>{{ i.ip }}</td>
                  <td>{{ i.description }}</td>
                  <td>{{ i.assetsNumber }}</td>
              </tr>

checkbox元件就是一般的checkbox按鈕,對(duì)樣式進(jìn)行了統(tǒng)一控制,最後回傳的就是true和false

phpcn_u1582
phpcn_u1582

全部回覆(5)
漂亮男人

子元件與父元件的資料是單向流動(dòng)的,這是為了防止子元件竄改父元件的資料造成混亂傳送門(mén)

漂亮男人

父子元件不允許 計(jì)算屬性要自行實(shí)作set和get才行

曾經(jīng)蠟筆沒(méi)有小新

子元件不能隨便修改父元件屬性值的
而computed計(jì)算屬性的驅(qū)動(dòng)都是基於它所依賴(lài)的那個(gè)變數(shù)的,一般也不會(huì)對(duì)計(jì)算屬性做雙向綁定

PHPzhong

類(lèi)似的數(shù)據(jù)交互很多的話(huà), 搞個(gè)vuex?

巴扎黑

父元件(parent)可以對(duì)子元件的input事件寫(xiě)method去操作parent的data中的陣列

計(jì)算屬性是支援set/get操作的, get就是預(yù)設(shè)操作(return value), set的參數(shù)接收你給的值, 在set中你可以寫(xiě)一個(gè)this.$emit('xxx', value)透過(guò)事件傳出去, 如果xxx是'input', 那麼可以寫(xiě)的更靈活

https://cn.vuejs.org/v2/guide...計(jì)算-setter

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板