最近在使⽤element-ui做项⽬时，所遇到的⼀些问题
这篇⽂章是对于，在使⽤element-ui做项⽬时，所遇到的⼀些问题 :
使⽤ el-cascader级联器时，出现下拉列表过长 ：
使⽤⽬标: 引⼊ el-cascader 级联器，实现数据分级下拉显⽰。
建筑测量实训报告
出现问题：下拉列表太长，⽆法显⽰全局以及输⼊框的内容。
产⽣原因：可能是由于 Element-UI 版本问题。
解决⽅法：在全局样式表中插⼊的下⾯两种样式中的⼀种即可。
/*第⼀种*/
.el-scrollbar_wrap{sony耳机
height: 200px;
}
/
*第⼆种*/
.el-cascader-menu{
height: 200px;
}
引⼊ Element-UI 的时间线 Timeline 和 Timeline-Item 时 ：
使⽤⽬标：引⼊ Element-UI 的时间线 Timeline 和 Timeline-Item。免充气轮胎
出现问题: Module not found: Error: Can’t resolve ‘…/timeline/src/item’ in 'D:\Study\Web\VUE\7.vue-shop\vue-shop\src\plugins\timeline-item’。
产⽣原因: 由于版本原因打算⼿动在 Element-UI 的按需导⼊⽂件 element.js 中添加时间线 Timeline 和 Timeline-Item，但是对应安装包已经存在，不同在另⾏插⼊。
解决⽅法：删除⾃⼰⼿动引⼊的代码块，直接在 element.js 按需导⼊Timeline 和 Timeline-Item 即可。
import {Timeline,Timeline-Item} from 'element-ui'
Vue.u(Timelinte)
Vue.u(Timelint-Item)
项⽬优化，定制⾸页内容 时出错 ：
使⽤⽬标：项⽬优化时，定制⾸页内容，即在不同的打包环境下，按需渲染页⾯的标题 。我们可以通过插件的⽅式进⾏定制。在webpack 的模板⽂件中 index.html 中配置如下的代码：
<title><%= htmlWebpackPlugin.options.isProd ? '' : 'dev - ' %>XXX</title>
<!– 按需加载外部的 CDN 资源 -->
<% if(htmlWebpackPlugin.options.isProd) { %>
<!—通过 externals 加载的外部 CDN 资源-->
········
<% } %>
出现问题：添加如下注释（包括’<%’，其中'<%'表⽰输出的意思）就出现了上述报错，Error: Child compilation failed:Module build failed (from ./node_modules/html-webpack-plugin/lib/loader.js): SyntaxError: Invalid or unexpected token。⼤致意思是【错误：⼦编译失败：模块⽣成失败（来⾃./node_modules/html webpack plugin/lib/loader.js）：语法错误：⽆效或意外的标记】。
厚道是什么意思
中国好作文产⽣原因：注释并不是删除代码，写注释的同时也要注意对原有代码产⽣的影响。
解决⽅法: 删除注释即可。
注： HTML 代码中 <%%>，<％=％>，<％：％> 的各⾃含义：
红油猪耳
i. <%%> 之间可以写服务器端代码；
ii. <％=％> 获取后台的变量值，⽐如后台⼀个会话 [“ab”] =“ab”；前台 <％= ssion [“ ab“]％> 就能取到值;
怀孕叶酸iii. <％：％> 同 <％=％>
外部 引⼊CDN资源 ，减⼩打包体积时，出现的问题 ：
使⽤⽬标: 外部引⼊ CDN 资源，减⼩打包体积，从⽽提⾼速率。然后通过 node 创建 web 服务器，从⽽实现⽹址登陆。
步骤如下：
i. 创建 web 服务器；
ii. 托管静态资源，即 vue 打包⽣成的 dist ⽂件夹（webpack打包的出⼝⽂件)；
iii.启动 web 服务器。手淫影响身高
出现问题1：h.a is undefined；
产⽣原因：引⼊ CDN 资源的 js ⽂件⾃⾝是⼀定的顺序的。js 加载的时候也是按照顺序⼀个⼀个加载的，加载 element-ui 时需要⽤到vue；
解决⽅法：调整顺序得以解决。
出现问题2：Error: if there’s nested data, rowKey is required.(如果有嵌套的数据，需要在 el-table 标签中新增 row-key字段)产⽣原因: element-ui 2.7.0 中增加了对树形结构的⽀持，使⽤树结构时，数据⾥⾯需要有 id，属性 row-key 是必填的;
解决⽅法: 知道是 element-ui 版本问题之后，可以修改直接引⼊ CDN 资源的 element-ui 版本即可。
