用户反馈平台维护记录--Element组件更新

10月31日维护记录：
问题描述：
vpn已连接，服务器启动后，访问页面数据能加载，但是前端表格等格式css未能加载，且点击新增、修改按钮无响应。
前端页面报错：https://unpkg.com/element-ui@2.0.1/lib/theme-default/index.css net::ERR_ABORTED

用浏览器去访问这个css资源也是提示：Cannot find module "/lib/theme-default/index.css" in package element-ui@2.0.1
看来的确是资源不存在了，因为我们前端使用了vue.js的框架和Element组件库，可能Element组件库进行维护，将资源重新存放了。
代码Index.jsp中的写法是：

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-default/index.css">

我们查阅Element组件库的首页：

CDN
目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。
<引入样式 >
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<引入组件库 >
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

然后我们将Index.jsp引入样式的代码更新即可：

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

更新完成后，页面css样式加载出来了，但是点击增加和修改仍然无响应，猜测可能是Element的api更新了。
之前index.jsp中代码的写法是：

<el-button @click="dialogVisable = true">增加</el-button>
<el-dialog v-model="dialogVisable">

查阅Element组件库的介绍对话框的首页 http://element-cn.eleme.io/#/zh-CN/component/dialog
随意查看一个代码可以看到其中设置对话框是否可见的代码写法：

<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button>

<el-dialog
  title="提示"
  :visible.sync="dialogVisible"
  width="30%"
  :before-close="handleClose">
  <span>这是一段信息</span>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
  </span>
</el-dialog>

也就是api不是v-model了，而是:visible.sync
因而我们修改index.jsp为：

<el-button @click="dialogVisable = true">增加</el-button>
        
<el-dialog :visible.sync="dialogVisable">

修改按钮也是如此。
平台维护成功，可以继续使用了~