- 博客(4)
- 收藏
- 关注
RSS订阅转载 Grid网格布局 vs Flexbox
这个话题已经争论了很多次，哪个更好？ 对您的网站布局和内容使用Grid(网格)系统还是Flexbox？让我们深入了解两者之间的主要区别以及何时使用它们。 网格布局 网格布局（即Bootstrap或CSS网格）用于二维布局。这意味着什么？这意味着，如果您要同时创建包含行和列的布局，请使用网格系统。 对于布局将包含页面内容的页面容器来说，这是一个完美的解决方案。 Flexbox 将Flexbox用于一维布局，这意味着内容会沿一个方向（水平或垂直）移动。 以Navbar为例——您可能具有Logo和页面链接，这些
2021-04-19 16:52:15
163
原创 vuex 数据 mapState
elementUI v-mode使用vuex 数据不更新问题 1、vuex的值不能直接赋值给data， 不管在mounted里面还是created里，因为它只会执行一次， 承当一个赋值的动作， 所以vuex改变之后，data数据不会跟着改变 2、v-mode 不能双向绑定 vuex的值， 必须使用 v-band:value，否则会报warm的错误 3、使用mapState 赋值函数 4、使用根本不需要定义一个data数据，直接对vuex数据进行修改就行了 ...
2020-11-05 17:09:22
621
原创 付珍的踩坑
vue-awesome-swiper 的左右箭头与swiper的on属性的点击事件冲突的解决方法 当点击左右箭头时，swiper轮播图应该出现切换效果，但同时也会触发图片上的跳转事件，隐藏我们只需要判断事件源点击的是不是左右箭头就行了。 <template> <swiper class="swiper" :options="swiperOption" > <swiper-slide v-for="item in banners" :key="item.id">
2020-09-17 11:42:44
111
原创 付珍的踩坑
vue-awesome-swiper轮播图点击事件踩坑 在 loop 开启的时候，dom 绑定事件是有问题的。因为在loop模式下slides前后会复制若干个slide，从而形成一个环路，复制后的DOM是不会绑定click事件的。因此只能使用 swiper 提供的 realIndex方法进行解决。 // 创建一个变量，在created赋值this（vue实例） var vm = null export default { name: 'Banner', components: { Swipe
2020-09-17 10:27:37
93
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人