专栏首页LIN_ZONEvue文件中引入外部js

vue文件中引入外部js

1.在项目的入口文件中(app.js)定义remoteScript标签

Vue.component('remote-script', {

    render: function (createElement) {
        var self = this;
        return createElement('script', {
            attrs: {
                type: 'text/javascript',
                src: this.src
            },
            on: {
                load: function (event) {
                    self.$emit('load', event);
                },
                error: function (event) {
                    self.$emit('error', event);
                },
                readystatechange: function (event) {
                    if (this.readyState == 'complete') {
                        self.$emit('load', event);
                    }
                }
            }
        });
    },

    props: {
        src: {
            type: String,
            required: true
        }
    }
});

2.在所需要的引入外部js的页面使用
<remote-script src=""></remote-script>
src位置的地址里面填要引入js文件的地址即可

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • es6语法需要注意的部分

    由于无符号右移运算的结果是一个 32 位的正数,所以负数的无符号右移运算得到的总是一个非常大的数字。例如,如果把 -64 右移 5 位,将得到 13421772...

    lin_zone
  • IOS系统下虚拟键盘遮挡文本框问题的解决

    最近在项目中发现同样的代码在Android端微信网页中点击文本框唤出的虚拟键盘不会遮挡文本框,但是在IOS端的微信网页中点击文本框唤出的键盘却在大部分情况下会遮...

    lin_zone
  • javaweb 与jsp页面的交互流程 (初次接触时写)

    2. jsp 页面一般情况下放在 top(前台页面) back(后台页面) 3. 后台代码 放在src下面,分为: 1. dao层(与数据库相关) 2...

    lin_zone
  • Python学习笔记

    Python不支持单个字符,即使单个字符也是一个字符串 字符串通过单引号或者双引号包围,三个单引号可以包围多行字符串 字符串对象结合下标运算可以获取对应位置字符...

    歪歪梯
  • Node.js + WebSocket 实现的简易聊天室

    Firefox 7-9 (Old) (Protocol Version 8) Firefox 10+ (Protocol Version 13) ...

    meteoric
  • editormd实现文章详情页面预览

    继之前博客写了editmd.js(国内开源的一款前端Markdown框架)实现的写文章功能之后,本博客介绍使用editormd实现文章预览功能

    SmileNicky
  • day08_Servlet学习笔记

    ============================================================

    黑泽君
  • WordPrss自带REST API在外站列出文章实例

    WordPress REST API提供了一组易于使用的HTTP端点,使您可以以简单的JSON格式访问站点的数据,包括用户,帖子,分类等。检索或更新数据就像发送...

    Liues
  • jqm视频播放器,html5视频播放器,html5音乐播放器,html5播放器,video开发demo,html5视频播放示例,html5手机视频播放器

    最近在论坛中看到了很多实用html5开发视频播放,音乐播放的功能,大部分都在寻找答案。因此我就在这里做一个demo,供大家相互...

    业余草
  • 自媒体运营技巧:如何成功申请今日头条号?

    王小婷

扫码关注云+社区

领取腾讯云代金券