Vue项目中报错的解决办法

1. Vue项目中引入less，报错Syntax Error: TypeError: this.getOptions is not a function解决办法：
   https://blog.csdn.net/gdutRex/article/details/113547371

2. Vue项目中引入element-ui，报错element-ui.common.js’ imported multiple times解决办法：
   https://blog.csdn.net/cyy15729981514/article/details/114028329

3. Element UI组件库 Cascader 级联选择器高度过高的问题:
   在全局样式表中设置 .el-cascader-panel 的高度:

   .el-cascader-panel {
   	height: 200px;
   }

4. Vue项目添加ElementUI库后，按需加载时启动项目babel-preset-es2015报错：

   https://www.cnblogs.com/wukaiBK/p/12757945.html

5. Vue Cannot read property ‘xxx’ of undefined解决办法：

   https://blog.csdn.net/jiangshanwe/article/details/86499898

6. elementUI组件库中的Message组件的使用方法：

// 引入Message
import {Message} from 'element-ui'
// Vue.prototype添加了全局方法 $message
Vue.prototype.$message = Message

// 调用Message的两种方法
// 方法一
this.$message.success('登录成功')
// 方法二
this.$message({
    message: '登录成功',
    type: 'success'
})

7. elementUI组件库的Form组件添加自定义校验：

data() {
    var checkMobile = (rule, value, callback) => {
      const regMobile = /^1[3|4|5|8][0-9]\d{4,8}$/
      if (regMobile.test(value)) {
        return callback()
      }
      callback(new Error('请输入合法的手机号'))
    }
    return {
      registerFormRules: {
        mobile: [
          { required: true, message: '请输入手机号', trigger: 'blur' },
          { validator: checkMobile, trigger: 'blur' }
        ]
      }
    }
}

8. VueRouter中使用嵌套路由：

const routes = [
  {
    path: '/home',
    component: Home,
    children: [
      // 当 /home/login 匹配成功，Login会被渲染在Home的<router-view>中
      { path: 'login', component: Login },
      // 当 /home/register 匹配成功，Register会被渲染在Home的<router-view>中
      { path: 'register', component: Register }
    ]
  }
]