zoukankan      html  css  js  c++  java
  • vue的data用到this问题

    问题:在vue中用vue-awesome-swiper,在data中初始化,用到swiper一个方法onTap,然后再调vue的一个函数,用到this,可是。。。

    	  data() {
    	        return {
    	           baseUrl:baseUrl,
    	          imgList:[],
    	          this.swiperOption={
    	             pagination: '.swiper-pagination',
    	             direction: 'horizontal',//滑动方向:水平 垂直:vertical
    	             slidesPerView: 1,//slider容器能够同时显示的slides数量
    	             paginationClickable: true,
    	             spaceBetween: 30,
    	          autoplay: 3000,
    	          loop: true,
    	          speed: 1000,
    	          onTap: function(swiper,event){
    					我要在这里用到vue的数据和方法
    	          }
    	        }
    	      }
    	    },
    

    解决方法:

    `data() {
      return {
        baseUrl:baseUrl,
        imgList:[],
        swiperOption:{},
       
      }
    },
    created(){
       var _this = this 
        _this.swiperOption={
          pagination: '.swiper-pagination',
          direction: 'horizontal',//滑动方向:水平 垂直:vertical
          slidesPerView: 1,//slider容器能够同时显示的slides数量
          paginationClickable: true,
          spaceBetween: 30,
          autoplay: 3000,
          loop: true,
          speed: 1000,
          onTap: function(swiper,event){
            var curPath = event.target.currentSrc.split(_this.baseUrl)[1];
            _this.getIndex(curPath)
          }
        }
    },`	   
    

    在data里先来一个空对象,在created中再来赋值,换一个思路解决!

  • 相关阅读:
    磁盘及分区管理
    用户和文件权限管理
    分割文件命令split
    去除重复命令uniq
    数据连接命令join
    数据剪切命令cut和数据粘贴命令pastte
    排序命令sort
    koa-router
    koa入门
    require.ensure的用法;异步加载-代码分割;
  • 原文地址:https://www.cnblogs.com/zhaowenxin/p/7412688.html
Copyright © 2011-2022 走看看