zoukankan      html  css  js  c++  java
  • vue 里面引入外部js的问题 和js文件加载顺序的问题(元素还没有被渲染到页面上,js获取不到该元素)

    两个问题 首先是怎样引入的问题:

    首先说明:js文件不能放在components文件夹下

    方法一: 在组件内直接引用

        `import swiper from './swiper.js'`
    

    方法二 : 全局注册引用

            function aa(){
                console.log("11");
            }
            export  {  one }
    
            import one from './common/js.js';
            Vue.prototype.ss=one;
    
            this.ss.aa();    //在需要的地方使用
    

    按照一定顺序加载js的方法:

    方法一: 相当于clickOne事件运行时加载js文件

    组件内代码:

    <script>
         import {one} from '../js/one.js'     //接收js内暴露的对象
         export default {
              data () {
                return {
                      testvalue: '11'
                }
              },
        methods:{
          clickOne:function(){
              one();    //运行
          }
      }
    }
    
    </script>
    

    one.js内代码:

    function ss() {
    console.log('1111111111');
    }
    export { one }       //很重要 要暴露出去
    

    方法二: 与方法一类似 就是在mounted钩子函数内调用

    <script>
    import {one} from '../js/one.js'     //接收js内暴露的对象
    export default {
      data () {
        return {
          testvalue: ''
        }
      },
      mounted(){
          clickOne:function(){
              one();    //运行
          }
      }
    }
    
    </script>
    

    one.js内代码:

    function ss() {
    console.log('1111111111');
    }
    export { one }       //很重要 要暴露出去
    
  • 相关阅读:
    WIFI芯片,结构光和ToF
    Ubuntu + Python
    React-Native 报错处理
    GPS && AGPS
    Feed流
    Kafka基础知识总结
    Kafka海量日志收集架构之Watcher监控告警-watcher 基础语法与使用
    4-23学习心得
    4-22 学习心得
    4-21学习心得
  • 原文地址:https://www.cnblogs.com/panghu123/p/11706542.html
Copyright © 2011-2022 走看看