vue 前端用法汇总

1、新增的时候清空校验

      this.$nextTick(()=>{

        this.$refs["addForm"].clearValidate()

      })

2、多选下拉框默认会在新增的时候进行校验，多选下拉框的值是数组

 多值是按照逗号分割传后台，后台中的数据，按照逗号进行分割形成数组

传后台：roleIds: this.addForm.roleIds.join()

后台数据转前台：this.addForm.roleIds = row.roleIds.split(",");

3、树组件参数传值(默认树组件是不显示复选框的，在具体引用页面中显示复选框)

（1）树组件

  <el-tree

      ref="funcTree"

      :data="dataTreeFunc"

      :default-expanded-keys="dataExpanded"

      :highlight-current="true"

      :expand-on-click-node="false"

      node-key="id"

      style="background: #F8F8FF;"

      :props="defaultProps"

      :show-checkbox="showCheckbox"

      @node-click="handleNodeClick"

    />

  props: {

    showCheckbox: {

      type: Boolean,

      default: false

    },

  }

（2）引用页面

 

   <Tree :show="treeShow" :show-checkbox="showCheckbox" />

data(){

   return{

      showCheckbox:true,

     }

    }

4、文件大小限制nginx修改

出现413 Request Entity Too Large问题的解决方法

 

我们的tomcat是通过nginx发现服务代理的，nginx默认上传传文件的大小限制是1M，在nginx的配置中修改配置后可解决此问题。

解决方法如下：

1.打开nginx服务的配置文件nginx.conf

2.在http{}中加入client_max_body_size xxm, xx根据需求改动

3.保存后重启nginx，问题解决。

在服务器上部署了一套后台环境，使用的是nginx反向代理tomcat架构，在后台里上传一个70M的视频文件，上传到一半就失效了！

原因是nginx配置里限制了上传文件的大小

client_max_body_size：这个参数的设置限制了上传文件的大小，可以在http、server、location三个区域里配置