前端学习内容：小吴后台管理系统，版块：添加商品
1.把添加商品版块基本布局完善了，发现这是级联选择器，并不是普通的的选择器，并且它是有默认的高度的，如果想要调整其高度的话，要进行样式的调整，比如：
2.今天主要完成基本信息小栏
要做的功能：
（1）
当侧边栏发生改变时，步骤栏也要进行改变
解决：侧边栏绑定v-model，每个小版块绑定name值后，每当点击小版块就会返回name值，所以可以将步骤栏和侧边栏绑定同一个变量，绑定侧边栏时，再对数据进行处理，变成数值型，因为侧边栏返回的数据类型是字符串，而步骤条的绑定数据类型要数值型的，只有在后面-0就可以转换回数值类型
（2）商品分类的级联选择器只能选三级，不能选二级作为最终内容
解决：级联选择器有:props绑定的对象，有value属性，将对应的分类id绑定value，在v-model绑定对应的数组变量，当选择到哪些级别时，就会返回对应value，也就是id到对应的变量数组中，根据数组length【长度】判断是否为3，不为3，则清空数组
（3）当没有选择商品分类，提示用户选择商品分类，并阻止侧边栏跳转下一个版块
解决：侧边栏上有个before-leave属性，动态绑定个函数，有两个参数，1个是离开当前版块的index，一个是要进入版块的index
【条件】当离开版块index为0，并且存储商品分类id数组长度不为3时，return false，当return false时，不会进行跳转下一个版块。return false，要写在if判断里面，写在外面，不能进行阻止跳转，两个条件没有满足，都可以跳转，写在里面，是没有满足，就无法跳转，两个概念是不同的，所在的作用域也是不同的
【重点】具体的before-leave使用，去element-ui官网看标签页的使用
