1. npm install 太慢,且安装失败的问题(vue-element-admin官方README) # 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 #npm install --registry=https://registry.npm.taobao.org
# 新镜像
npm install --registry=https://registry.npmmirror.com
2. vue-element-admin 中tagview切换,this.$router.push页面切换的时候,目标页面并没有刷新,是因为route的时候meta中nocache默认是false,改成true不换村官即可。编辑页面需要缓存,则noCache为false,切route中的name需要与组件中的name完全一致
3. vue中el-checkbox change事件中,想要原有的参数又想传自定义的参数
<el-col :span="8" v-for="item of permission_list"> <el-form-item label-width="100px" :label="item.name+':'" class="postInfo-container-item" > <el-checkbox type="checkbox" @change="checked=>permmissionItemChange(checked, item.name)" ></el-checkbox> </el-form-item> </el-col>
4. vue v-model 绑定动态变量
<el-row> <el-col :span="8" v-for="item of permission_list"> <el-form-item label-width="100px" :label="item.permission_des + ':'" class="postInfo-container-item" > <el-checkbox v-model="dynamic_params[0][item.name]" @change="checked=>permmissionItemChange(checked, item.name)" ></el-checkbox> </el-form-item> </el-col> </el-row>data() {
return {
dynamic_params: [{"checkbox1": true}], permission_list: [{name: 'checkbox1', permission_des: "hello world"}] } }
5. label使用v-for遍历元素
<el-col :span="6" v-for="(item, i) in countryList" :key="i"> <el-form-item label-width="100px" :label="`${(item)}:`" > <el-checkbox @change="checked=>countryListItemChange(checked, item, i + 1)" ></el-checkbox> </el-form-item> </el-col>
6. vue2中css中使用js变量,以及uniapp兼容性status-bar-height
7.node-gyp版本低,依赖于python2,需要更换版本node-sass更高