vue项目中引入外部资源js

JavaScript06

vue项目中引入外部资源js,第1张

mounted() {

  const s = document.createElement('script')

  s.type = 'text/javascript'

  s.src = '你的需要的js文件地址'

  document.body.appendChild(s)

}

export default {

  components: {

    'remote-js': {

      render(createElement) {

        return createElement(

          'script',

          {

            attrs: {

              type: 'text/javascript',

              src: '你的需要的js文件地址',

            },

          },

        )

      },

    },

  },

}

utils/util.js

index.vue

以上用法会出现报错:Property or method "timeLength" is not defined

虽然vue组件中HTML,css,js可以在同一个页面书写,但是js里面的函数、变量是需要使用export default{ }抛出之后html才能使用的。

解决方法:

需要在methods里面再声明一下这个方法

重新定义一个方法,在这个方法里面使用它