vue.js - weex滚动条控件的滚动事件与子控件的触摸事件冲突

Question

这是一个关于用 Vue 开发 Weex 的问题。

在一个scroller组件下，有许多嵌套的div子组件。在 中div，添加了手势touchstart、touchend和touchcancel。

这些事件处理按下和释放效果，但它们使滚动条拖动事件不起作用。我该如何解决这个问题？

Answer 1

如果你只是想在视图中添加触摸效果，你可以使用伪类：

<style scoped>
  .logo {
    width: 360px;
    height: 82px;
    background-color: red;
  }
  .logo:active {
    width: 180px;
    height: 82px;
    background-color: green;
  }
</style>

参考：http ://weex.apache.org/references/common-style.html#Pseudo-class-v0-9-5