These are chat archives for QingWei-Li/cooking

5th
Jul 2016
kokoro
@kokoroX
Jul 05 2016 13:14
@QingWei-Li 你好 在吗 对于昨天关于应用了vuex的表单操作还是有一些问题..
cinwell.li
@QingWei-Li
Jul 05 2016 13:15
kokoro
@kokoroX
Jul 05 2016 13:18
如果是直接写一个action来提交表单内容的话
<input type="text" :value="info.username" v>

export default {
    vuex: {
        getters: {
            info: ({ user }) => user.info
        },
        actions: {
            setUserInfo
        }
    },

    data() {
        return {
            username: ''
        };
    }
}
是类似这样的操作吗
cinwell.li
@QingWei-Li
Jul 05 2016 13:18
kokoro
@kokoroX
Jul 05 2016 13:20
<input type="text" :value="info.username" v-model="username">
<button @click="submit">提交</button>

export default {
    vuex: {
        getters: {
            info: ({ user }) => user.info
        },
        actions: {
            setUserInfo
        }
    },

    data() {
        return {
            username: ''
        };
    },

    methods: {
        submit() {
            this.setUserInfo({username: this.username});
        }
    }
}
写少了。。你们是这样操作的吗 之前陷入过双向绑定的漩涡 看到v-model就有点慌
cinwell.li
@QingWei-Li
Jul 05 2016 13:21
不会啊
肯定不能 store 双绑的
这样可以的呀
kokoro
@kokoroX
Jul 05 2016 13:23
你们也是这样处理的?还是有更好的方法
cinwell.li
@QingWei-Li
Jul 05 2016 13:25
我的话 如果这里的数据不需要与其他组件共享
就不用 vuex
也就是不存到 store 里
不过这种表单提交的页面(编辑或者新增)这里的数据基本都是通过 API 调取的
也不是从 store 里来的 而且其他页面也用不到。。。
kokoro
@kokoroX
Jul 05 2016 13:27
这种情况就不会去用vuex做同一管理吗= =...
cinwell.li
@QingWei-Li
Jul 05 2016 13:28
不存在数据共享的情况的数据,我就不会放到 store 里,就一次性的呀