update element&&vue version

Author: PanJiaChen

README.md

@@ -5,8 +5,10 @@
 
 [wiki](https://github.com/PanJiaChen/vue-element-admin/wiki)
 
+**注意：该项目目前使用[email protected]版本,所以最低兼容 Vue 2.3.0**
+
 ## 前言
-> 这半年来一直在用vue写管理后台，目前后台已经有七十多个页面，十几种权限，但维护成本依然很低，所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用vue+element+axios.由于是个人项目，所以数据请求都是用了mockjs代替。注意：在次项目基础上改造开发时请移除mock文件，不然所有请求都将会被代理掉！注意！
+> 这半年来一直在用vue写管理后台，目前后台已经有七十多个页面，十几种权限，但维护成本依然很低，所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用vue+element+axios.由于是个人项目，所以数据请求都是用了mockjs模拟。注意：在次项目基础上改造开发时请移除mock文件。
 
 后续会出一系列的教程配套文章，如如何从零构建后台项目框架，如何做完整的用户系统（如权限验证，二次登录等），如何二次开发组件（如富文本），如何整合七牛等等文章，各种后台开发经验等等。莫急~~
 

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",

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">

src/views/error/401.vue

@@ -13,15 +13,15 @@
             <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">
         <img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
       </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>

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>

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>