mounted 是在页面html部署完成后开始执行

这里写图片描述

但是今天使用,发现mounted 一直无法调用,这里分享一下解决办法:

首先;我用的vue是在百度 http://apps.bdimg.com/libs/vue/1.0.8/vue.js上的,
坑就在这里。。。。。
坑就在这里。。。。。
坑就在这里。。。。。
坑就在这里。。。。。

  mounted:function () {
     this.$nextTick(function () {
	     this.fun();
    })
  },

无法调用,
最后建议使用 vue官网里面推荐的 https://cn.vuejs.org/v2/guide/installation.html#直接用-lt-script-gt-引入

地址为:

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

此时发现完美解决问题!!!!

但是在这里我这有个小问题,不知道你们会不会有,这里大家看一下:

引百度的vue,遍历时时这样的

<li v-for="(index,item) in arr">
            <span><input type="checkbox" v-on:click="check($event)"  class="check"></span>
            <span>{{item.id}}</span>
            <span>{{item.name}}</span>
            <span>{{item.age}}</span>
        </li>

用vue官网上,是这样的

<li v-for="(item,index) in arr">
            <span><input type="checkbox" v-on:click="check($event)"  class="check"></span>
            <span>{{item.id}}</span>
            <span>{{item.name}}</span>
            <span>{{item.age}}</span>
        </li>

v-for 的方法有点区别,这里希望你大家注意一下。。。。

好啦,转载记得注明出处啊:https://blog.csdn.net/qq_36208461/article/details/81144882

Logo

前往低代码交流专区

更多推荐