weixin_43589681的博客

如果用@click.stop,此时子组件（节点）会阻止父组件（节点）的click方法执行，即阻止父节点冒泡。运行结果先alert（boxchild）在alert（box）stop:指的是阻止父组件（节点）的事件冒泡。

子组件调用父组件，同时传递多个参数。

每个 el-card 绑定了 @click 事件，当点击卡片时，会调用 selectCard 方法并传递当前卡片的索引。要实现当选中某一个卡片时其边框颜色变色，你可以通过 Vue 的状态管理和条件绑定类来实现。使用 :class 绑定，根据 selectedCardIndex 的值来应用 is-selected 类。selectCard 方法更新 selectedCardIndex，从而更新选中的状态。.is-selected 类定义了选中时的边框颜色。knowledgeList 数组保存卡片的数据。

最近在项目中有大量用到element-ui的卡片布局,但是它本身自带的padding就非常影响后面进行样式调整,所以我是直接写行内样式去掉padding,设置body-style就可以了.