vue中如何引入js文件_vue调用外部js方法

vue中如何引入js文件_vue调用外部js方法1、直接在dom上操作:exportdefault{mounted(){consts=document.createElement(‘script’);s.type=’text/javascript’;s.src=’https://g.alicdn.com/dingding/dinglogin/0.0.2/ddLogin.js’;documen…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

1、直接在dom上操作:

export default {
 mounted() {
  const s = document.createElement('script');
  s.type = 'text/javascript';
  s.src = 'https://g.alicdn.com/dingding/dinglogin/0.0.2/ddLogin.js';
  document.body.appendChild(s);
 },
}

2、用Vue 的 createElement 方法:

export default {
 components: {
  'dingtalk': {
   render(createElement) {
    return createElement(
     'script',
     {
      attrs: {
       type: 'text/javascript',
       src: 'https://g.alicdn.com/dingding/dinglogin/0.0.2/ddLogin.js',
      },
     },
    );
   },
  },
 },
}
 
// 使用 <dingtalk></dingtalk> 在页面中调用

3、通过封装一个组件 remote-js 实现:

export default {
 components: {
  'remote-js': {
  render(createElement) {
   return createElement('script', { attrs: { type: 'text/javascript', src: this.src }});
  },
  props: {
   src: { type: String, required: true },
  },
 },
 },
}

使用方法:

<remote-js src="https://g.alicdn.com/dingding/dinglogin/0.0.2/ddLogin.js">
</remote-js>

参考:

http://www.jb51.net/article/111634.htm

http://blog.csdn.net/sinat_17775997/article/details/55798611

原文链接:https://www.cnblogs.com/wang715100018066/p/7690641.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/184679.html原文链接:https://javaforall.net

(0)
上一篇 2022年10月8日 上午8:16
下一篇 2022年10月8日 上午8:36


相关推荐

  • vue常用命令

    vue常用命令vue常用命令

    2022年4月22日
    64
  • 华为云搭建MQTT服务器

    华为云搭建MQTT服务器文章目录安装emqx查看服务器架构下载EMQX压缩包解压EMQX启动服务启动emqx服务状态查询修改服务器安全策略结果测试EMQX管理后台测试MQTXX测试安装emqxemqx提供一个可视化的控制台接口,使用比较方便,所以首推使用emqx作为服务器软件。查看服务器架构首先查看自己服务器的架构,在命令行中输入:dpkg–print-architecture结果如下:下载EMQX压缩包前往EMQX的官网下载对应版本的压缩包https://www.emqx.io/downloads/brok

    2022年5月27日
    53
  • Java系统程序员修炼之道

    Java系统程序员修炼之道从 2002 开始接触 Java 学会 HelloWorld 这么经典的程序到如今不知不觉已经十年啦 十年中亲耳听到过不少大牛的演讲 见到过项目中的神人在键盘上运指如飞的编程速度 当时就被震撼了 当编程越来越成体力活 我们还能有自己的思想 还能修炼为 Java 系统级别的程序员嘛 学习与修炼以下知识与技能 帮你早日达成愿望 nbsp 一 Java 语言学习对线程 thread 串行化 反射

    2026年3月26日
    2
  • Charles 激活成功教程版安装

    Charles 激活成功教程版安装前置条件 Charles 其实是一款代理服务器 通过成为电脑或者浏览器的代理 然后截取请求和请求结果达到分析抓包的目的 该软件是用 Java 写的 能够在 Windows Mac Linux 上使用 安装 Charles 的时候要先装好 Java 环境 下载地址链接 https pan baidu com s 18WxcnRRHBGd 提取码 87tm 安装步骤 1 双击

    2026年3月17日
    2
  • .netcore 文件上传转为base64位字符串

    .netcore 文件上传转为base64位字符串.netcore 文件上传转为base64位字符串

    2022年4月22日
    324
  • 决策树模型入门学习

    决策树模型入门学习一 基本介绍决策树模型就是为了求出一系列规则 按照规则划分数据 得到预测结果 可以把决策树看做有决策块和终止块组成 如下图 上图图是女孩对是否与男生见面的决策过程 典型的分类树决策 相当于通过年龄 长相 收入和是否公务员对将男人分为两个类别 见和不见 假设这个女孩对男人的要求是 30 岁以下 长相中等以上并且是高收入者或中等以上收入的公务员 那么这个可以用下图表示女孩的决策逻辑 二

    2026年3月26日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号