Question

我是VueJS的新手，我想使用VueJS实时检查磁盘，但是我的代码无法实时工作，需要刷新页面，我不知道为什么

这是我的脚本：

var vo = new Vue({
    el: '.data_env',
    data () {
        return {
          data  : {}
        }
    },
    mounted () {
        axios
        .get(BASE_URL+'clients/get_disk_size')
        .then(response => (
            this.data   = response.data
            ))
    }
})

有人可以帮助我吗？

Answer 1

您需要刷新页面，因为mount（）仅在组件创建期间执行。如果您有变量，并且想在此变量更改后获取新数据，则可以使用watch或计算出来的。如果您想在服务器端更改时获取新数据，则需要使用websocket。

Answer 2

根据Vue生命周期，如果要实时获取结果，则应将代码置于计算和监视属性内。如果发生任何更改，它将与HTML元素进行两种方式的绑定，并显示更改而无需刷新页面

有关更多信息，请通过此链接-https://vuejs.org/v2/guide/computed.html

VueJS实时检查磁盘

2 个答案: