diff --git a/README.md b/README.md index 3a292193..d2adafaf 100644 --- a/README.md +++ b/README.md @@ -5,8 +5,10 @@ [wiki](https://github.com/PanJiaChen/vue-element-admin/wiki) +**注意:该项目目前使用element-ui@1.3.3版本,所以最低兼容 Vue 2.3.0** + ## 前言 -> 这半年来一直在用vue写管理后台,目前后台已经有七十多个页面,十几种权限,但维护成本依然很低,所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用vue+element+axios.由于是个人项目,所以数据请求都是用了mockjs代替。注意:在次项目基础上改造开发时请移除mock文件,不然所有请求都将会被代理掉!注意! +> 这半年来一直在用vue写管理后台,目前后台已经有七十多个页面,十几种权限,但维护成本依然很低,所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用vue+element+axios.由于是个人项目,所以数据请求都是用了mockjs模拟。注意:在次项目基础上改造开发时请移除mock文件。 后续会出一系列的教程配套文章,如如何从零构建后台项目框架,如何做完整的用户系统(如权限验证,二次登录等),如何二次开发组件(如富文本),如何整合七牛等等文章,各种后台开发经验等等。莫急~~ diff --git a/package.json b/package.json index 9069d749..774ebe7f 100644 --- a/package.json +++ b/package.json @@ -17,7 +17,7 @@ "codemirror": "5.25.2", "dropzone": "4.3.0", "echarts": "3.4.0", - "element-ui": "1.2.9", + "element-ui": "1.3.3", "file-saver": "1.3.3", "jquery": "3.1.1", "js-cookie": "2.1.3", @@ -27,12 +27,12 @@ "nprogress": "0.2.0", "simplemde": "1.11.2", "sortablejs": "1.5.1", - "vue": "2.2.6", + "vue": "2.3.3", "vue-count-to": "1.0.5", - "vue-multiselect": "2.0.0-beta.14", + "vue-multiselect": "2.0.0-beta.15", "vue-router": "2.5.3", "vuedraggable": "2.8.4", - "vuex": "2.2.1", + "vuex": "2.3.1", "xlsx": "0.8.1" }, "devDependencies": { @@ -76,7 +76,7 @@ "url-loader": "0.5.8", "vue-loader": "12.0.4", "vue-style-loader": "2.0.5", - "vue-template-compiler": "2.2.6", + "vue-template-compiler": "2.3.3", "webpack": "2.5.1", "webpack-bundle-analyzer": "2.2.1", "webpack-dashboard": "0.2.1", diff --git a/src/components/ErrLog/index.vue b/src/components/ErrLog/index.vue index d7af6040..b35c5be8 100644 --- a/src/components/ErrLog/index.vue +++ b/src/components/ErrLog/index.vue @@ -5,7 +5,7 @@ <svg t="1492682037685" class="bug-svg" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1863" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M969.142857 548.571429q0 14.848-10.861714 25.709714t-25.709714 10.861714l-128 0q0 97.718857-38.290286 165.705143l118.857143 119.442286q10.861714 10.861714 10.861714 25.709714t-10.861714 25.709714q-10.276571 10.861714-25.709714 10.861714t-25.709714-10.861714l-113.152-112.566857q-2.852571 2.852571-8.557714 7.424t-23.990857 16.274286-37.156571 20.845714-46.848 16.566857-55.442286 7.424l0-512-73.142857 0 0 512q-29.147429 0-58.002286-7.716571t-49.700571-18.870857-37.705143-22.272-24.868571-18.578286l-8.557714-8.009143-104.557714 118.272q-11.446857 11.995429-27.428571 11.995429-13.714286 0-24.576-9.142857-10.861714-10.276571-11.702857-25.417143t8.850286-26.587429l115.419429-129.718857q-33.133714-65.133714-33.133714-156.562286l-128 0q-14.848 0-25.709714-10.861714t-10.861714-25.709714 10.861714-25.709714 25.709714-10.861714l128 0 0-168.009143-98.852571-98.852571q-10.861714-10.861714-10.861714-25.709714t10.861714-25.709714 25.709714-10.861714 25.709714 10.861714l98.852571 98.852571 482.304 0 98.852571-98.852571q10.861714-10.861714 25.709714-10.861714t25.709714 10.861714 10.861714 25.709714-10.861714 25.709714l-98.852571 98.852571 0 168.009143 128 0q14.848 0 25.709714 10.861714t10.861714 25.709714zM694.857143 219.428571l-365.714286 0q0-75.995429 53.430857-129.426286t129.426286-53.430857 129.426286 53.430857 53.430857 129.426286z" p-id="1864"></path></svg> </el-button> </el-badge> - <el-dialog title="bug日志" v-model="dialogTableVisible"> + <el-dialog title="bug日志" :visible.sync="dialogTableVisible"> <el-table :data="logsList"> <el-table-column label="message"> <template scope="scope"> diff --git a/src/views/error/401.vue b/src/views/error/401.vue index ff7ffa5e..f19ed1ff 100644 --- a/src/views/error/401.vue +++ b/src/views/error/401.vue @@ -13,7 +13,7 @@ <router-link to="/dashboard">回首页</router-link> </li> <li class="link-type"><a href="https://www.taobao.com/">随便看看</a></li> - <li><a @click="dialogVisible=true" href="#">点我看图</a></li> + <li><a @click.prevent="dialogVisible=true" href="#">点我看图</a></li> </ul> </el-col> <el-col :span="12"> @@ -21,7 +21,7 @@ </el-col> </el-row> - <el-dialog title="随便看" v-model="dialogVisible" size="large"> + <el-dialog title="随便看" :visible.sync="dialogVisible" size="large"> <img class="pan-img" :src="ewizardClap"> </el-dialog> </div> diff --git a/src/views/example/table.vue b/src/views/example/table.vue index 0664293e..7ef86a58 100644 --- a/src/views/example/table.vue +++ b/src/views/example/table.vue @@ -91,12 +91,12 @@ </el-table> <div v-show="!listLoading" class="pagination-container"> - <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="listQuery.page" :page-sizes="[10,20,30, 50]" + <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.page" :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" layout="total, sizes, prev, pager, next, jumper" :total="total"> </el-pagination> </div> - <el-dialog :title="textMap[dialogStatus]" v-model="dialogFormVisible"> + <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible"> <el-form class="small-space" :model="temp" label-position="left" label-width="70px" style='width: 400px; margin-left:50px;'> <el-form-item label="类型"> <el-select class="filter-item" v-model="temp.type" placeholder="请选择"> @@ -137,7 +137,7 @@ </div> </el-dialog> - <el-dialog title="阅读数统计" v-model="dialogPvVisible" size="small"> + <el-dialog title="阅读数统计" :visible.sync="dialogPvVisible" size="small"> <el-table :data="pvData" border fit highlight-current-row style="width: 100%"> <el-table-column prop="key" label="渠道"> </el-table-column> <el-table-column prop="pv" label="pv"> </el-table-column> diff --git a/src/views/login/index.vue b/src/views/login/index.vue index eec040e4..a5a20c79 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -25,7 +25,7 @@ 忘记密码?(或首次登录) </router-link> </el-form> - <el-dialog title="第三方验证" v-model="showDialog"> + <el-dialog title="第三方验证" :visible.sync="showDialog"> 邮箱登录成功,请选择第三方验证 <socialSign></socialSign> </el-dialog>