vue.js - 从 sequelize promise vue 设置数据属性值

Question

我正在使用 Vue、Electron 和 Sequelize，当我npm run electron:servesequelize 承诺不返回任何内容时，除非我再次保存代码以刷新现有窗口，否则不会设置或显示数据属性：

<script>
    export default {
        data () {
            users : [],
        }
    },

    created () {
        console.log('created')
        this.fetchData();
    },

    methods: {
        fetchData () {
            let self = this
            let allUsers = db.User.findAll({
                attributes: ['id', 'first_name', 'last_name', 'email', 'password'], 
                raw : true
            }).then(res => {
                console.log('then working');
                self.users = res;
            }).catch(err  => {
                console.log('there was an error' + err)
            })
                console.log('fetchData method called' + allUsers)
        },
    }
</script>

我可以看到 fetchData() 正在被调用，但在 .then( ... 之后没有显示任何内容，除非页面被保存并刷新。

标签： vue.jspromiseelectronsequelize.js

Answer 1

请查看组件数据部分。它没有用户：

 data () {
            dialog: false,
        }

所有应该反应的属性都在组件的数据部分中声明。