老师，我在这里为div绑定了事件，页面点击，没有反应

Question

<div class="area">
        <div class="title border-bottom">热门城市</div>
        <div class="button-list">
          <div
            class="button-wrapper"
            v-for="item of hotCities"
            :key="item.id"
             @click="handleCityClick(item.name)"
            >
            <div class="button">{{item.name}}</div>
          </div>
        </div>
        

handleCityClick: function (city) {
      alert(123 + ':' + city)
    }

Answer 1

提问者 Keily 2020-12-28 22:09:40

我后来搜索下了，提示我页面使用了better-scroll后，会阻断click事件，需要在创建better-scroll时，将click属性设置true

mounted () {
    // this.scroll = new Bscroll(this.$refs.wrapper)
    this.$nextTick(() => {
      let bscrollDom = this.$refs.wrapper
      this.scroll = new Bscroll(bscrollDom, { mouseWheel: true, click: true, tap: true })
    })
  }

• Dell #1

  聪明！

• 慕仙2074546 #2

  感谢感谢，这问题昨天晚上一直没解决

• 你微笑时好美丶3534407 #3

  Bscroll 应该是BScroll