vue.js - 在vue中使用loading组件，总是报$t is not defined的错？

问题描述

问 题

自己写一个小demo，引用vux的loading组件，但是浏览器总是报一个$t is not defined的问题：

下面是我的代码：

<template>
  <div class="container" id="list-container">
    <div class="list-group">
      <movie-item 
          v-for="movieObj in movieList"
          v-bind:movie="movieObj"></movie-item>
    </div>
    <loading :show="isShow"></loading>
  </div>
</template>

<script>
import { Loading } from 'vux'
export default {
  name:'index',
  components: {
    Loading 
  },
  data(){
    return {
      isShow:true,
      movieList:[]
    }
  },
  created:function(){
    var url = this.HOST + '/movie/in_theaters'
    this.$http.get(url).then(res => {
      this.movieList = res.data.subjects;
    },res => {
      console.info('调用失败');
    });
  }
}
</script>

错在哪里？求大神解答

解决方案

vux在安装的时候是使用的国内镜像cnpm，导致某些依赖出现问题。将工程中的node_modules文件夹删掉，然后使用npm install命令重新安装依赖，问题得到解决

这篇关于vue.js - 在vue中使用loading组件，总是报$t is not defined的错？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！