Dong_vs的博客

Vue修饰符 事件修饰符 按键修饰符 系统修饰符 鼠标按钮修饰符 事件修饰符 事件 描述 .stop 可阻止事件冒泡 .prevent 可阻止事件的默认行为（如a标签点击后的跳转） .capture 可捕获内部事件并先处理，再由内部事件处理 .self 只有当前事件才触发，可用于父组件事件阻止冒泡行为 .once 只触发一次事件 .passive 提前告知浏览器该事件没有被阻止，优化移动端触屏性能，不能与(.prevent)一起使用 用法 常规使用<but

需求 可以单独选中商品 可以一键选中全部商品 可以动态改变商品数量 商品最小数量为1 可以动态计算选中商品价格 效果图 代码 通过cdn引入vue<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script> html部分<div id="app"> <ul> <input type="checkbox" v-model="checkA