vue问题点

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更高

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值