Vue指令综合实践 - 收货地址管理 乌龙白桃Nina酱 2020-02-07 1,502 阅读1分钟 先在data中设置几个默认项来方便整个项目的架构: 有了默认项作参考更有利于结构层和样式层的排布: 基本结构和基本样式排布好之后项目就能立体呈现,后面要做的就进一步搭建功能以及优化: 优化1,新增按钮在地址总数达到一定数量后消失以抑制用户不断新增数据,这里由于不涉及子组件生命周期以及元素的上下树问题,直接用v-show通过判断条件来控制新增按钮是否显示,比如地址总数最多5个: 优化2,点击新增按钮弹出遮罩及新增地址输入框: 优化3,给每个地址添加“编辑”和“删除”按钮: