在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue框架寫的頁面的click事件失效

vue框架寫的頁面的click事件失效

頁面結(jié)構(gòu)如下：之前是button失效 我換成span還是失效，試過v-on:click,@click.native都不管用，真心求賜教，已經(jīng)無力，，

<template>
  <div class="index">
    <div class="top">
        <mt-swipe :auto="2000" v-if="ImgList!=''">
          <mt-swipe-item v-for="(v,k) in ImgList" :key="k">
            <img :src="v.adPicture">
            <!-- <img v-if="v.adUrl==''" :src="v.adPicture">
            <a v-if="v.adUrl!=''" :href="v.adUrl"><img :src="v.adPicture"></a> -->
          </mt-swipe-item>
        </mt-swipe>
    </div>
    <div class="button">
      <span @click="turn_to('/order','order')">我的訂單</span>
      <span @click="skip_to('/myCode','myCode')">我的二維碼</span>
      <span @click="skip_to('/yzPost','yzPost')">驛站快遞</span>
      <span @click="skip_to('index','index')">掃描驛站</span>
      <span @click="turn_to('/cityPost','cityPost')">同城快遞</span>
      <span @click="skip_to('/my','my')">個(gè)人設(shè)置</span>
    </div>
  </div>
</template>
<script>
import $ from "jquery";
import wx from "weixin-js-sdk";
import base from "../assets/js/base";
var Cookies = require('js-Cookie');
let hex_md5 = require("crypto-js/md5");
export default {
  name: "index",
  data() {
    return {
      ImgList: []
    };
  },

  methods: {
    getData() {
      let _this = this;
      base.axios_post("", "***************", function(res) {
        if (res.code == 0) {
          _this.ImgList = res.data;
        }else if(data.code==100){
          Cookies.remove('p_openId');
          _this.$router.push({path: '/index'});
        } else {
          _this.$toast(res.message);
        }
      });
    },
    turn_to() {},
    skip_to(path, name) {
      let ptoken = Cookies.get("ptoken");
      let pstate = Cookies.get("pstate");
      if (ptoken!=undefined) {
        if (name == "index") {
          this.sys();
        } else {
          this.$router.push({ path: path });
        }
      } else {
        if (pstate == 0) {
          this.$router.push({ path: "/proof", query: { type: name } });
        } else if (!pstate) {
          this.$router.push({ path: "/register", query: { type: name } });
        }
      }
   },
回答
編輯回答
忘了我

先看一下你的路由地址變化了沒

2018年4月1日 12:44
編輯回答
別逞強(qiáng)

把代碼最簡(jiǎn)到成一個(gè)Demo.html文件放上來看看，這樣代碼不完整看不出問題所在

2018年9月13日 13:10
編輯回答
空白格

根據(jù)你的代碼字面量來看，個(gè)人認(rèn)為是你的那個(gè)點(diǎn)擊事件寫錯(cuò)了，這樣寫試試：

//為了便于區(qū)別，特意改變了傳入?yún)?shù)的命名
skip_to(toPath, name) {
    this.$router.push({ path: toPath, query: { type: name } });
}

補(bǔ)充內(nèi)容
這樣試試：

<div class="button">

  <span @click="turn_to('order')">我的訂單</span>
  <span @click="skip_to('myCode')">我的二維碼</span>
  <span @click="skip_to('yzPost')">驛站快遞</span>
  <span @click="skip_to('index')">掃描驛站</span>
  <span @click="turn_to('cityPost')">同城快遞</span>
  <span @click="skip_to('my')">個(gè)人設(shè)置</span>
</div>

methods: {
    skip_to(arg) {
        this.$router.push({ path: "/" + arg, query: { type: arg } });
    }
}
希望我的回答對(duì)你有所幫助！
2017年12月9日 03:24
編輯回答
薄荷糖

點(diǎn)擊事件如果沒有生效，看下是不是因?yàn)橛袀€(gè)透明層在你的按鈕上面了 加上cursor:pointer樣式看看

2017年8月21日 03:43
編輯回答
久不遇

看看你的控制臺(tái)有沒有報(bào)錯(cuò)，可以在skip_to方法中注釋掉其他的代碼，單純的console個(gè)東西試試，看看控制臺(tái)是怎么打印的

2017年8月16日 17:39
編輯回答
別硬撐

首先代碼

skip_to(path, name) {
    this.$router.push({ path: path, query: { type: name } });   //參數(shù)path 沒有用到
}

第二個(gè) 你的事件是沒觸發(fā)還是代碼問題 來個(gè)alert 最直觀

2018年4月6日 16:21