vue如何全局引用公共js,循环的时候报错

1:创建公共JS(utils.js) src/common/utils.js

export default {
    text(){
        console.log("测试,测试!!!")
    }
}

2:在main.js中引入公共js并注册

import Utils from './common/utils.js';
Vue.prototype.utils=Utils;

3:调用公共方法

this.utils.text();

在页面上调用也挺正常的,可以正常打印出来文字。但是如果把this.utils.text()放到循环里,就报错了:
image.png

我的循环是这样的:

<van-list v-model="loading" :finished="finished" loading-text="加载中..." finished-text="没有更多啦" @load="load_more">
          <div class="van-clearfix news_list">
              <ul>
                <li v-for="(item,ing) of infolist" :key="ing">
                    <router-link :to="{name:'Myresume',params:{id:item.id,channel:item.channel_id}}">
                        this.utils.text();
                        <span>
阅读 2.5k
2 个回答

两个问题:
1、贴的代码里this.utils.text();没有{{}},应该是渲染成纯文本的,是不是贴错了?
2、不要使用this.,直接调用utils.text()

this 指向啊
你.utils都报of undefine了 肯定是this指向有问题啊 得从报错去分析问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题