- 博客(2)
- 收藏
- 关注
原创 Echarts視配大小中屏
在項目中的兩個需求是輪播圖中需要出現不同的echart圖表且要視配大小中屏,出現警告框時左邊的echart圖表要跟著變小,警告框消失時,需要將echart圖表相應變大。用该样式写,相同div为祖先元素,ul的长度要无限长,li则为子元素的数量,循环li得到轮播表(消除ul,li的默认样式)样式如下。在父组件中的屏幕大小改变时,并没有触发子组件中的echart图表宽度大小的改变。相对应的是,轮播图也是如此,监听父元素的屏幕大小改变,但是该监听更加频繁。此時,我的項目中,echart圖表都是寫在子組件,
2023-04-03 15:40:50 41
原创 watch监听器与computed计算属性项目实战
项目导航栏有一个首页点击按钮,侧边栏也有首页点击按钮与若干个其他选项按钮。在实现点击首页按钮导航栏的首页按钮必须出现阴影,点击侧边栏其他按钮时,导航栏按钮阴影需消失,如下图所示:由于首页的按钮与侧边栏按钮在两个不同的组件,两个组件的数据也只能通过vuex存储,组件想要访问数据,可以使用computed属性存储数据,使用watch监听属性监听在点击侧边栏时数据的变化。 在侧边栏按钮组件如下图设置: 在activeMenu方法中由于可以获取route可以得到path。在data属性中定义path将route中
2021-11-25 20:21:00 303
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人