@touchstart 和子元素的@click冲突

@touchstart和子元素的@click冲突是因为两者都属于浏览器的触摸事件，并且都会响应用户的点击操作。在某些情况下，当用户触摸并点击子元素时，会触发两个事件，导致冲突。

解决这个问题的方法有几种：

1. 使用事件修饰符: 可以在@click事件后添加修饰符.stop，将事件传播停止在子元素上，从而避免冲突。例如，使用@click.stop，可以防止事件继续冒泡到父元素上。

2. 使用v-on:click.native: v-on指令允许你监听一个原生事件，而不是组件内部的事件。使用v-on:click.native可以绑定到原生点击事件，从而绕过组件内部的@click事件，解决冲突。

3. 使用CSS解决: 通过CSS的pointer-events属性，可以控制元素是否可以触发鼠标事件。可以设置子元素的pointer-events属性为none，让子元素不可以触发点击事件，从而解决冲突。

总之，通过使用事件修饰符、v-on指令或CSS的pointer-events属性，可以解决@touchstart和子元素的@click冲突，从而实现更好的用户交互体验。