javascript - vuex 參數(shù)綁定問題求解
問題描述
組件中參數(shù)的定義像如下寫的這樣
<script>import store from ’../vuex/store’;export default { // vuex: { // actions: actions, // getters: { // // 過濾后的會話列表 // sessions: ({ sessions, filterKey }) => { // let result = sessions.filter(session => session.user.name.includes(filterKey)); // return result; // }, // // 當(dāng)前會話index // currentId: ({ currentSessionId }) => currentSessionId // } // }, data(){return { sessions: store.state.sessions, currentId: store.state.currentSessionId} }, methods:{selectSession(id){ console.log(id); store.dispatch(’selectSession’, id)} }};</script><template><p class='list'> <ul><li v-for='item in sessions' : @click='selectSession(item.id)'> <img:alt='item.user.name' :src='http://www.b3g6.com/wenda/item.user.img'> <p class='name'>{{item.user.name}}</p></li> </ul></p></template>
其中sessions的定義能不能雙向綁定呢, 我發(fā)現(xiàn)selectSession 方法執(zhí)行的時候, sessions并沒有改變,是不是哪里沒有寫對呢。
問題解答
回答1:vuex 官方文檔不是這么綁定數(shù)據(jù)的哦,數(shù)據(jù)監(jiān)聽放在 computed里面,而不是直接放在 data 的方法里面,而且 vuex 對表單的雙向處理是這樣子的。
//來自 vuex 官方例子<input v-model='message'>// jscomputed: { message: { get () { return this.$store.state.obj.message }, set (value) { this.$store.commit(’updateMessage’, value) } }}
希望對你有幫助~~~
相關(guān)文章:
1. 關(guān)于docker下的nginx壓力測試2. docker容器呢SSH為什么連不通呢?3. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題4. mac里的docker如何命令行開啟呢?5. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””6. nignx - docker內(nèi)nginx 80端口被占用7. docker - 各位電腦上有多少個容器啊?容器一多,自己都搞混了,咋辦呢?8. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。9. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個是怎么回事????10. docker-compose 為何找不到配置文件?

網(wǎng)公網(wǎng)安備