checkbox点击内容不触发选中事件，子元素与父元素点击事件冲突

问题

登录界面的是否通用隐私与协议，点击是checkbox进行勾选，但点击隐私时应该跳转界面，不触发勾选，这时子元素与父元素点击事件冲突。

解决方法

vue通过了时间修饰符来解决该问题：

其中prevent是用来阻止默认的事件。

代码

<div class="footer">
	<p>
		<el-checkbox v-model="checked">
			<span>同意</span>
			<a @click.prevent="clickProtoco">《用户协议》</a>
			<span>及</span>
			<a @click.prevent="clickPolicy">《隐私政策》</a>
		</el-checkbox>
	</p>
</div>