beekim的博客

多余代码已去除，vue中组件传值具有单向数据流的特性，所以想实现双向绑定，则需要在子组件中重新定义一个变量timeStr。这里的时间选择表单是我写的一个组件，我想用v-model获取到实时的ref值。

H5使用的vant，后管使用Element，两个组件所使用的的数据源不一样，导致两端的级联选择问题。因为element选择完地址后返回的地址格式为一个数组：结构类似于。h5选择地址后存为两个字段：birthProv, birthCity。解决方案 ：将vant的资源库处理为element需要的数据。所以还需要封装两个函数来转换code和地址中文。现在就可以实现h5和后管同时起作用了！，而且数据库存的值为一个中文字符。

通过上一篇文章我们已经在vue-advanced-chat中替换掉原有的firebase，用socket.io简单的实现了聊天功能。现在需要自义定该组件，改造成我们想要的样子：先将比较重要的几块提取出来。

【代码】用xhr、fetch实现下载进度动态展示效果。

封装文件上传的axios。

【代码】新增成功后跳转到表格列表刷新表格数据。

2 准备数据和实现简单的逻辑封装该步骤需要实现能在控制台操作购物车的所有的功能（增加、减少商品数量，计算价格等）以下为控制台控制购物车的基本功能。通过前面两步，我们已经实现了能够在控制台进行操作购物车的逻辑。但是这个界面是需要交给用户去使用的，我们还需要将页面和第二步的逻辑结合在一起。

可以看到树结构中有部门，部门下的人员也需要显示。那么需要将人员和部门都当做子节点。

开发的时候拿到这样一个需求：意思就是要居中截取图片，这个功能跟微信朋友圈的九宫格显示功能差不多的效果。

原型：实际效果