- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue .sync修饰符
使用sync语法糖后，父组件不需要单独声明一个方法，只需要在回调时声明一个update绑定的回调函数（这个绑定值是传值自身）父传子的数据的时候子直接修改父传的数据会报错可以使用.sync修饰符子传父的时候父组件可以少写一个方法。打个比方，如下代码需要两部才能实现上述功能1.向子组件传值；2.接收子组件回调的值。这样在父组件中就不需要再次定义回调函数进行接收了。...
2022-07-26 23:46:02
261
原创 在Vue中使用Echarts
2.通过echarts中的setOption()方法,把最初的option数据添加进去,在把变了的数据也放进去,这样就可以实现响应式了,echartes图表会随着数据的变化而进行变化。/1在methods中创建一个用来初始化echarts的方法。1.需要在watch中监听修改后的数据,获取到最新的数据后。导入Echarts后,复制想要的Echarts表格。/2mounted中调用这个初始化的方法进行渲染。如果想让echarts图表变成响应式的试的话。......
2022-07-25 21:35:51
637
原创 实现开启全屏模式和关闭全屏模式
浏览器底层给我们提供了开启全屏和关闭全屏的API1 开启全屏: document.documentElement.requestFullscreen()2 关闭全屏: document.exitFullscreen()
2022-07-25 21:21:51
1993
原创 转换数据结构
在工作中,组件与后端返回的数据之间,或者组件产生的数据与后端要的数据之间数据结构可能不一致,这个时候我们就需要对数据进行转换,转换成我们需要的数据，比如excel文件导入的时候。此时就发生了数据结构不一致，本来接口要的key是英文,结果我们的key是汉字。Excel给我们的数据结构是这样的。我们先准备一个中文转换为英文的格式。而我们后端需要的数据是这样的。然后再编写转换格式的代码。...
2022-07-24 20:16:34
318
原创 讲平铺的数据结构转换为树状结构
查找父节点的过程，通过pid去匹配id,如果匹配到了说明找到了父节点,添加到当前父节点的children中,如果匹配不到，说明是最外层的节点,直接push到最终要输出的数组中即可
2022-07-23 11:47:00
321
原创 图片上传三方云服务器，前端主导方案
这块我们使用http-request自定义上传。这里使用elelmentui的上传图片。工作中基本都是后端主导。接下来讲下前端主导方案。
2022-07-23 01:02:32
577
原创 定义用来做全局组件注册的插件
随着业务的增加,在main.js注册了太多的全局组件，导致main.js结构混乱,并且main.js不适宜放太多的代码,所以把全局组件统一进行注册。一般注册全局组件插件卸载components文件夹中,因为components放的是全局通用组件。插件后在main.js中导入组件,使用Vue.use（）注册插件。使用的时候直接使用就可以。......
2022-07-21 00:18:20
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人