qq_40992225的博客

在components文件夹中新建MyPagination.vue，在Element中找到与分页相关的组件。也就是说我们要接收这个total和pageSize。接下来做一个点击效果：（点击第几页就跳到第几页）在MyPagination.vue中增减点击效果。添加一个点击事件，将这个事件给到Goods中。然后添加显示总条数和跳转多少页。在商品界面导入这个分页组件。初始化一些数据，比如。

我们来写一下商品管理界面在Goods.vue中我们再去element中去找一下input输入框相关的内容后面还有俩按钮，通过button就可以我们再调整一下布局，给大的div盒子一个goods的class暂时先不给按钮添加点击事件，因为它和下面的内容有关，我们先把下面内容区域做完，然后再给按钮写点击事件实现多选非常简单:手动添加一个el-table-column，设type属性为selection即可；

我们在顶部放一个小按钮，让这个小按钮来控制是否折叠，但是这个小按钮是放在content里面的，也就是我们要在Content里面触发一个事件，这个事件改变了Mymenu.vue中的一个变量。也就是在Content.vue中传入事件 this.$emit(“changeCollapse”);，让它改变index.vue中的 isCollapse: false,因为我们的Mymenu.vue肯定是要接收一个数据，根据这个数据来让导航显示和隐藏。在Content.vue中，点击切换按钮时，修改父组件的数据。

但是我们并不是直接折叠的，我们是点击一个按钮，由这个按钮来进行控制是否折叠，从而控制collapse是true还是false。我们在配置的过程中，一个大的主界面和我们的登录界面是同级的。我们在Layout文件中新建Content.vue文件，是我们的右侧内容区域。我们在Layout文件中新建Mymenu.vue文件，是我们的左侧导航区域。的自定义一栏的代码复制下来，代替Mymenu.vue中的ul>li中的内容。然后再我们的router的index.js中进行配置。然后在Mymenu.vue中。

Vue+Vue-router +Vuex+Element-UI+Axios+其他三方库。出现了这个界面,再把我们的sql文件导入进去,这里面我们命名为vue-ego文件。1.删除无用的组件home . vue about.vue hello…某个后台管理系统,包含商品管理,用户管理,订单信息等等。将mysql文件通过xampp中的admin。这里面默认了一些与商品相关的数据。3. incofont 图标导入。4.删除掉无用的组件。初始化一下css样式。

启动xampp打开项目目录: cnpm i 启动: npm run serve进入server : nodemon index.js/node index.js浏览器打开: localhost:8080账号:admin密码:123。