element-ui使用总结

1.input输入框

自定义图标
前部效果图：

后部效果图：

2.select绑定数据

问题1：后台数据的绑定
数据：data: {type: ‘1’}
解决方法：数据转成int. 使用parseInt()

问题2：按理说应该显示的是label里的文字，但是显示的是相对应的value值
原因：v-model绑定的数据要string
解决方法：数据转成string. 使用toString()

3.upload自定义

效果图：

project.js 请求文件

export  const  addExcelUser= data => {
    return request({
        url: `/xxxx/xxxx`,
        method: 'post',
        data
    })
}

4.日期限制选择范围

效果图：

5.三级联动

1.页面加载前把数据理成options

 options: [{
          value: 'zhinan',
          label: '指南',
          children:  [{
          value: 'zhinan',
          label: '指南',
          children:  [{
          value: 'zhinan',
          label: '指南',
             },{
          value: 'xiaolv',
          label: '效率',
             }]
          }]
     }]