vux 使用 loading 組件


1)聲明引入Loading

import { Loading } from 'vux'

 

2)在模版底部添加 組件(需要添加到 template>div 標簽里)

<template>
  <div>
    ……
    <loading v-model="showLoading" :text="loadText"></loading>
  </div>
</template>

 

3)通過控制 showLoading 變量 和 loadText 變量即可控制 Loading 組件

export default {
  components: {
    AjaxPlugin,
    Loading
  },
  data () {
    return {
      showLoading: false,
      loadText: 'Loading',
      articleList: this.getArticleList(1)
    }
  },
  methods: {
    getArticleList: function (catId) {
      let _this = this

      _this.showLoading = true

      htttpRequest('/api', {method: 'article.getList', 'catId': catId}, function (data) {
        _this.showLoading = false
        _this.articleList = data.Result.ArticleList
      })
      return []
    }
  }
}

 


完 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM