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

来源：8-9 Vue项目城市选择页 - Vuex实现数据共享

Keily

2020-12-28

<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)
    }

写回答

1回答

Keily

提问者

2020-12-28

我后来搜索下了，提示我页面使用了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 })
    })
  }

你微笑时好美丶3534407

Bscroll 应该是BScroll

2022-04-10

共3条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程

相似问题

递归事件中如何绑定事件

回答 1

非父子组件传值问题