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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • js面试题及答案2020_JS面试题大全

    js面试题及答案2020_JS面试题大全关于javascript的面试题面试必备

  • bind函数失败返回10049 的解决方案[通俗易懂]

    bind函数失败返回10049 的解决方案[通俗易懂]一般都是ip地址错误,不是局域网内的ip都能随便bind的,即使这个ip没人使用也不行。bind函数必须绑定本机ip地址,如果本机有多个ip地址,那么这些地址都可以bind,如果只有一个网卡和ip,那么就只能bind这个唯一的ip地址,或者127.0.0.1。或者直接用INADDR_ANY自动bind本机ip。…

  • imread参数_imread函数图片路径matlab

    imread参数_imread函数图片路径matlabimread的函数原型是:Matimread(conststring&filename,intflags=1);Mat是OpenCV里的一个数据结构,在这里我们定义一个Mat类型的变量img,用于保存读入的图像,在本文开始有写到,我们用imread函数来读取图像,第一个字段标识图像的文件名(包括扩展名),第二个字段用于指定读入图像的颜色和深度,它的取值可以有以下几种:

    2022年10月14日
  • docker部署web项目_docker web程序本地化

    docker部署web项目_docker web程序本地化前言前面我们运行的容器并没有一些什么特别的用处。接下来让我们尝试使用docker构建一个web应用程序。我们将在docker容器中运行一个PythonFlask应用来运行一个web

  • 战地5的引擎是寒霜3_战地1引擎

    战地5的引擎是寒霜3_战地1引擎之前看过了zXr0带来的两篇寒霜2引擎技术解析么?《战地3》寒霜2引擎渲染流程图文详解http://pc.07073.com/bf3/frostbite/14097.html战地3寒霜2引擎详解:物件光照效果技术特性http://pc.07073.com/bf3/frostbite/14099.html如果你不看完下面篇章领取最终福利可就太可惜了…

  • 找jaeger_CQB初探

    找jaeger_CQB初探导读:有一天我们接到这样一条客诉“你们的收银软件最近特别慢,严重影响我们的收银效率,再不解决我们就不用了”,我相信大家应该都遇到过这种问题,即使现在没遇到,将来一定会遇到的,那遇到了怎么办呢?就这个话

发表回复

您的电子邮箱地址不会被公开。

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