You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
18 KiB

{"remainingRequest":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\src\\components\\storage\\StorageManage.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\src\\components\\storage\\StorageManage.vue","mtime":1677915063824},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1677927572803},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\node_modules\\babel-loader\\lib\\index.js","mtime":1677927576192},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1677927572803},{"path":"D:\\Work\\WorkSpace\\GitWorkSpace\\TenShop\\resource\\WarehouseManagerSystem\\src\\WarehouseManagerVue\\node_modules\\vue-loader\\lib\\index.js","mtime":1677927577316}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQogICAgZXhwb3J0IGRlZmF1bHQgew0KICAgICAgICBuYW1lOiAiU3RvcmFnZU1hbmFnZSIsDQogICAgICAgIGRhdGEoKSB7DQogICAgICAgICAgICByZXR1cm4gew0KICAgICAgICAgICAgICAgIHRhYmxlRGF0YTogW10sDQogICAgICAgICAgICAgICAgcGFnZVNpemU6MTAsDQogICAgICAgICAgICAgICAgcGFnZU51bToxLA0KICAgICAgICAgICAgICAgIHRvdGFsOjAsDQogICAgICAgICAgICAgICAgbmFtZTonJywNCiAgICAgICAgICAgICAgICBjZW50ZXJEaWFsb2dWaXNpYmxlOmZhbHNlLA0KICAgICAgICAgICAgICAgIGZvcm06ew0KICAgICAgICAgICAgICAgICAgICBpZDonJywNCiAgICAgICAgICAgICAgICAgICAgbmFtZTonJywNCiAgICAgICAgICAgICAgICAgICAgcmVtYXJrOicnDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICBydWxlczogew0KICAgICAgICAgICAgICAgICAgICBuYW1lOiBbDQogICAgICAgICAgICAgICAgICAgICAgICB7cmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICfor7fovpPlhaXku5PlupPlkI0nLCB0cmlnZ2VyOiAnYmx1cid9DQogICAgICAgICAgICAgICAgICAgIF0NCiAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgICAgIG1ldGhvZHM6ew0KICAgICAgICAgICAgcmVzZXRGb3JtKCkgew0KICAgICAgICAgICAgICAgIHRoaXMuJHJlZnMuZm9ybS5yZXNldEZpZWxkcygpOw0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIGRlbChpZCl7DQogICAgICAgICAgICAgICAgY29uc29sZS5sb2coaWQpDQoNCiAgICAgICAgICAgICAgICB0aGlzLiRheGlvcy5nZXQodGhpcy4kaHR0cFVybCsnL3N0b3JhZ2UvZGVsP2lkPScraWQpLnRoZW4ocmVzPT5yZXMuZGF0YSkudGhlbihyZXM9PnsNCiAgICAgICAgICAgICAgICAgICAgY29uc29sZS5sb2cocmVzKQ0KICAgICAgICAgICAgICAgICAgICBpZihyZXMuY29kZT09MjAwKXsNCg0KICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgbWVzc2FnZTogJ+aTjeS9nOaIkOWKn++8gScsDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogJ3N1Y2Nlc3MnDQogICAgICAgICAgICAgICAgICAgICAgICB9KTsNCiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMubG9hZFBvc3QoKQ0KICAgICAgICAgICAgICAgICAgICB9ZWxzZXsNCiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1lc3NhZ2U6ICfmk43kvZzlpLHotKXvvIEnLA0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU6ICdlcnJvcicNCiAgICAgICAgICAgICAgICAgICAgICAgIH0pOw0KICAgICAgICAgICAgICAgICAgICB9DQoNCiAgICAgICAgICAgICAgICB9KQ0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIG1vZChyb3cpew0KICAgICAgICAgICAgICAgIHRoaXMuY2VudGVyRGlhbG9nVmlzaWJsZSA9IHRydWUNCiAgICAgICAgICAgICAgICB0aGlzLiRuZXh0VGljaygoKT0+ew0KICAgICAgICAgICAgICAgICAgICAvL+i1i+WAvOWIsOihqOWNlQ0KICAgICAgICAgICAgICAgICAgICB0aGlzLmZvcm0uaWQgPSByb3cuaWQNCiAgICAgICAgICAgICAgICAgICAgdGhpcy5mb3JtLm5hbWUgPSByb3cubmFtZQ0KICAgICAgICAgICAgICAgICAgICB0aGlzLmZvcm0ucmVtYXJrID0gcm93LnJlbWFyaw0KICAgICAgICAgICAgICAgIH0pDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgYWRkKCl7DQoNCiAgICAgICAgICAgICAgICB0aGlzLmNlbnRlckRpYWxvZ1Zpc2libGUgPSB0cnVlDQogICAgICAgICAgICAgICAgdGhpcy4kbmV4dFRpY2soKCk9PnsNCiAgICAgICAgICAgICAgICAgICAgdGhpcy5yZXNldEZvcm0oKQ0KICAgICAgICAgICAgICAgIH0pDQoNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICBkb1NhdmUoKXsNCiAgICAgICAgICAgICAgICB0aGlzLiRheGlvcy5wb3N0KHRoaXMuJGh0dHBVcmwrJy9zdG9yYWdlL3NhdmUnLHRoaXMuZm9ybSkudGhlbihyZXM9PnJlcy5kYXRhKS50aGVuKHJlcz0+ew0KICAgICAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhyZXMpDQogICAgICAgICAgICAgICAgICAgIGlmKHJlcy5jb2RlPT0yMDApew0KDQogICAgICAgICAgICAgICAgICAgICAgICB0aGlzLiRtZXNzYWdlKHsNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtZXNzYWdlOiAn5pON5L2c5oiQ5Yqf77yBJywNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiAnc3VjY2VzcycNCiAgICAgICAgICAgICAgICAgICAgICAgIH0pOw0KICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5jZW50ZXJEaWFsb2dWaXNpYmxlID0gZmFsc2UNCiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMubG9hZFBvc3QoKQ0KICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy4gcmVzZXRGb3JtKCkNCiAgICAgICAgICAgICAgICAgICAgfWVsc2V7DQogICAgICAgICAgICAgICAgICAgICAgICB0aGlzLiRtZXNzYWdlKHsNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBtZXNzYWdlOiAn5pON5L2c5aSx6LSl77yBJywNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiAnZXJyb3InDQogICAgICAgICAgICAgICAgICAgICAgICB9KTsNCiAgICAgICAgICAgICAgICAgICAgfQ0KDQogICAgICAgICAgICAgICAgfSkNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICBkb01vZCgpew0KICAgICAgICAgICAgICAgIHRoaXMuJGF4aW9zLnBvc3QodGhpcy4kaHR0cFVybCsnL3N0b3JhZ2UvdXBkYXRlJyx0aGlzLmZvcm0pLnRoZW4ocmVzPT5yZXMuZGF0YSkudGhlbihyZXM9PnsNCiAgICAgICAgICAgICAgICAgICAgY29uc29sZS5sb2cocmVzKQ0KICAgICAgICAgICAgICAgICAgICBpZihyZXMuY29kZT09MjAwKXsNCg0KICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgbWVzc2FnZTogJ+aTjeS9nOaIkOWKn++8gScsDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogJ3N1Y2Nlc3MnDQogICAgICAgICAgICAgICAgICAgICAgICB9KTsNCiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuY2VudGVyRGlhbG9nVmlzaWJsZSA9IGZhbHNlDQogICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmxvYWRQb3N0KCkNCiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuIHJlc2V0Rm9ybSgpDQogICAgICAgICAgICAgICAgICAgIH1lbHNlew0KICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZSh7DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgbWVzc2FnZTogJ+aTjeS9nOWksei0pe+8gScsDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogJ2Vycm9yJw0KICAgICAgICAgICAgICAgICAgICAgICAgfSk7DQogICAgICAgICAgICAgICAgICAgIH0NCg0KICAgICAgICAgICAgICAgIH0pDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgc2F2ZSgpew0KICAgICAgICAgICAgICAgIHRoaXMuJHJlZnMuZm9ybS52YWxpZGF0ZSgodmFsaWQpID0+IHsNCiAgICAgICAgICAgICAgICAgICAgaWYgKHZhbGlkKSB7DQogICAgICAgICAgICAgICAgICAgICAgICBpZih0aGlzLmZvcm0uaWQpew0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuZG9Nb2QoKTsNCiAgICAgICAgICAgICAgICAgICAgICAgIH1lbHNlew0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuZG9TYXZlKCk7DQogICAgICAgICAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICAgICAgICAgICAgICBjb25zb2xlLmxvZygnZXJyb3Igc3VibWl0ISEnKTsNCiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBmYWxzZTsNCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0pOw0KDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgaGFuZGxlU2l6ZUNoYW5nZSh2YWwpIHsNCiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhg5q+P6aG1ICR7dmFsfSDmnaFgKTsNCiAgICAgICAgICAgICAgICB0aGlzLnBhZ2VOdW09MQ0KICAgICAgICAgICAgICAgIHRoaXMucGFnZVNpemU9dmFsDQogICAgICAgICAgICAgICAgdGhpcy5sb2FkUG9zdCgpDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgaGFuZGxlQ3VycmVudENoYW5nZSh2YWwpIHsNCiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhg5b2T5YmN6aG1OiAke3ZhbH1gKTsNCiAgICAgICAgICAgICAgICB0aGlzLnBhZ2VOdW09dmFsDQogICAgICAgICAgICAgICAgdGhpcy5sb2FkUG9zdCgpDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgcmVzZXRQYXJhbSgpew0KICAgICAgICAgICAgICAgIHRoaXMubmFtZT0nJw0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIGxvYWRQb3N0KCl7DQogICAgICAgICAgICAgICAgdGhpcy4kYXhpb3MucG9zdCh0aGlzLiRodHRwVXJsKycvc3RvcmFnZS9saXN0UGFnZScsew0KICAgICAgICAgICAgICAgICAgICBwYWdlU2l6ZTp0aGlzLnBhZ2VTaXplLA0KICAgICAgICAgICAgICAgICAgICBwYWdlTnVtOnRoaXMucGFnZU51bSwNCiAgICAgICAgICAgICAgICAgICAgcGFyYW06ew0KICAgICAgICAgICAgICAgICAgICAgICAgbmFtZTp0aGlzLm5hbWUNCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0pLnRoZW4ocmVzPT5yZXMuZGF0YSkudGhlbihyZXM9PnsNCiAgICAgICAgICAgICAgICAgICAgY29uc29sZS5sb2cocmVzKQ0KICAgICAgICAgICAgICAgICAgICBpZihyZXMuY29kZT09MjAwKXsNCiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMudGFibGVEYXRhPXJlcy5kYXRhDQogICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnRvdGFsPXJlcy50b3RhbA0KICAgICAgICAgICAgICAgICAgICB9ZWxzZXsNCiAgICAgICAgICAgICAgICAgICAgICAgIGFsZXJ0KCfojrflj5bmlbDmja7lpLHotKUnKQ0KICAgICAgICAgICAgICAgICAgICB9DQoNCiAgICAgICAgICAgICAgICB9KQ0KICAgICAgICAgICAgfQ0KICAgICAgICB9LA0KICAgICAgICBiZWZvcmVNb3VudCgpIHsNCiAgICAgICAgICAgIHRoaXMubG9hZFBvc3QoKQ0KICAgICAgICB9DQogICAgfQ0K"},{"version":3,"sources":["StorageManage.vue"],"names":[],"mappings":";AAsEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"StorageManage.vue","sourceRoot":"src/components/storage","sourcesContent":["<template>\r\n <div>\r\n <div style=\"margin-bottom: 5px;\">\r\n <el-input v-model=\"name\" placeholder=\"请输入仓库名\" suffix-icon=\"el-icon-search\" style=\"width: 200px;\"\r\n @keyup.enter.native=\"loadPost\"></el-input>\r\n <el-button type=\"primary\" style=\"margin-left: 5px;\" @click=\"loadPost\">查询</el-button>\r\n <el-button type=\"success\" @click=\"resetParam\">重置</el-button>\r\n\r\n <el-button type=\"primary\" style=\"margin-left: 5px;\" @click=\"add\">新增</el-button>\r\n </div>\r\n <el-table :data=\"tableData\"\r\n :header-cell-style=\"{ background: '#f2f5fc', color: '#555555' }\"\r\n border\r\n >\r\n <el-table-column prop=\"id\" label=\"ID\" width=\"60\">\r\n </el-table-column>\r\n <el-table-column prop=\"name\" label=\"仓库名\" width=\"180\">\r\n </el-table-column>\r\n <el-table-column prop=\"remark\" label=\"备注\">\r\n </el-table-column>\r\n <el-table-column prop=\"operate\" label=\"操作\">\r\n <template slot-scope=\"scope\">\r\n <el-button size=\"small\" type=\"success\" @click=\"mod(scope.row)\">编辑</el-button>\r\n <el-popconfirm\r\n title=\"确定删除吗?\"\r\n @confirm=\"del(scope.row.id)\"\r\n style=\"margin-left: 5px;\"\r\n >\r\n <el-button slot=\"reference\" size=\"small\" type=\"danger\" >删除</el-button>\r\n </el-popconfirm>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <el-pagination\r\n @size-change=\"handleSizeChange\"\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"pageNum\"\r\n :page-sizes=\"[5, 10, 20,30]\"\r\n :page-size=\"pageSize\"\r\n layout=\"total, sizes, prev, pager, next, jumper\"\r\n :total=\"total\">\r\n </el-pagination>\r\n\r\n <el-dialog\r\n title=\"提示\"\r\n :visible.sync=\"centerDialogVisible\"\r\n width=\"30%\"\r\n center>\r\n\r\n <el-form ref=\"form\" :rules=\"rules\" :model=\"form\" label-width=\"80px\">\r\n <el-form-item label=\"仓库名\" prop=\"name\">\r\n <el-col :span=\"20\">\r\n <el-input v-model=\"form.name\"></el-input>\r\n </el-col>\r\n </el-form-item>\r\n <el-form-item label=\"备注\" prop=\"remark\">\r\n <el-col :span=\"20\">\r\n <el-input type=\"textarea\" v-model=\"form.remark\"></el-input>\r\n </el-col>\r\n </el-form-item>\r\n </el-form>\r\n <span slot=\"footer\" class=\"dialog-footer\">\r\n <el-button @click=\"centerDialogVisible = false\">取 消</el-button>\r\n <el-button type=\"primary\" @click=\"save\">确 定</el-button>\r\n </span>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n export default {\r\n name: \"StorageManage\",\r\n data() {\r\n return {\r\n tableData: [],\r\n pageSize:10,\r\n pageNum:1,\r\n total:0,\r\n name:'',\r\n centerDialogVisible:false,\r\n form:{\r\n id:'',\r\n name:'',\r\n remark:''\r\n },\r\n rules: {\r\n name: [\r\n {required: true, message: '请输入仓库名', trigger: 'blur'}\r\n ]\r\n }\r\n }\r\n },\r\n methods:{\r\n resetForm() {\r\n this.$refs.form.resetFields();\r\n },\r\n del(id){\r\n console.log(id)\r\n\r\n this.$axios.get(this.$httpUrl+'/storage/del?id='+id).then(res=>res.data).then(res=>{\r\n console.log(res)\r\n if(res.code==200){\r\n\r\n this.$message({\r\n message: '操作成功!',\r\n type: 'success'\r\n });\r\n this.loadPost()\r\n }else{\r\n this.$message({\r\n message: '操作失败!',\r\n type: 'error'\r\n });\r\n }\r\n\r\n })\r\n },\r\n mod(row){\r\n this.centerDialogVisible = true\r\n this.$nextTick(()=>{\r\n //赋值到表单\r\n this.form.id = row.id\r\n this.form.name = row.name\r\n this.form.remark = row.remark\r\n })\r\n },\r\n add(){\r\n\r\n this.centerDialogVisible = true\r\n this.$nextTick(()=>{\r\n this.resetForm()\r\n })\r\n\r\n },\r\n doSave(){\r\n this.$axios.post(this.$httpUrl+'/storage/save',this.form).then(res=>res.data).then(res=>{\r\n console.log(res)\r\n if(res.code==200){\r\n\r\n this.$message({\r\n message: '操作成功!',\r\n type: 'success'\r\n });\r\n this.centerDialogVisible = false\r\n this.loadPost()\r\n this. resetForm()\r\n }else{\r\n this.$message({\r\n message: '操作失败!',\r\n type: 'error'\r\n });\r\n }\r\n\r\n })\r\n },\r\n doMod(){\r\n this.$axios.post(this.$httpUrl+'/storage/update',this.form).then(res=>res.data).then(res=>{\r\n console.log(res)\r\n if(res.code==200){\r\n\r\n this.$message({\r\n message: '操作成功!',\r\n type: 'success'\r\n });\r\n this.centerDialogVisible = false\r\n this.loadPost()\r\n this. resetForm()\r\n }else{\r\n this.$message({\r\n message: '操作失败!',\r\n type: 'error'\r\n });\r\n }\r\n\r\n })\r\n },\r\n save(){\r\n this.$refs.form.validate((valid) => {\r\n if (valid) {\r\n if(this.form.id){\r\n this.doMod();\r\n }else{\r\n this.doSave();\r\n }\r\n } else {\r\n console.log('error submit!!');\r\n return false;\r\n }\r\n });\r\n\r\n },\r\n handleSizeChange(val) {\r\n console.log(`每页 ${val} 条`);\r\n this.pageNum=1\r\n this.pageSize=val\r\n this.loadPost()\r\n },\r\n handleCurrentChange(val) {\r\n console.log(`当前页: ${val}`);\r\n this.pageNum=val\r\n this.loadPost()\r\n },\r\n resetParam(){\r\n this.name=''\r\n },\r\n loadPost(){\r\n this.$axios.post(this.$httpUrl+'/storage/listPage',{\r\n pageSize:this.pageSize,\r\n pageNum:this.pageNum,\r\n param:{\r\n name:this.name\r\n }\r\n }).then(res=>res.data).then(res=>{\r\n console.log(res)\r\n if(res.code==200){\r\n this.tableData=res.data\r\n this.total=res.total\r\n }else{\r\n alert('获取数据失败')\r\n }\r\n\r\n })\r\n }\r\n },\r\n beforeMount() {\r\n this.loadPost()\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>"]}]}