element-ui使用总结

1.input输入框

自定义图标
前部效果图：

 <el-input type="text" v-model="code" auto-complete="off"  placeholder="请输入">
         <img slot="prefix" src="../../img/code.png" width="15px" height="15px" />
 </el-input>

后部效果图：

 <el-input type="text" v-model="code" auto-complete="off"  placeholder="请输入">
         <img slot="append" src="../../img/code.png" width="15px" height="15px" />
 </el-input>

2.select绑定数据

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

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

<template>
	<el-select v-model="form.type" placeholder="请选择">
	          <el-option
	                    v-for="item in options"