首页 > vue.js 列表绑定数据后再显示可以么

vue.js 列表绑定数据后再显示可以么

从服务端获取json,用ajax的方式,但是有一点延迟,导致页面有短暂的闪动,那么变量会出现一下,比较麻烦,有类似绑定数据后再show的么,官方文档好像没看到


v-cloak


http://vuejs.org/guide/components.html#wait-for 可以在Ajax结束时候通过Vue实例$emit触发wait-for指定的事件。


建议用v-text


可以使用nextTick事件实现,文档:

vm.$nextTick( callback )

参数:

{Function} [callback]
用法:

将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。

示例:

new Vue({
  // ...
  methods: {
    // ...
    example: function () {
      // 修改数据
      this.message = 'changed'
      // DOM 还没有更新
      this.$nextTick(function () {
        // DOM 现在更新了
        // `this` 绑定到当前实例
        this.doSomethingElse()
      })
    }
  }
})

就是在vue数据绑定后执行


ajax异步数据只能这样,最多加个Loading
如果想网页出来救显示数据 必须用服务器端模板引擎渲染了

【热门文章】
【热门文章】