Vue开发异常集合

1. el-radio、el-select使用时经常会碰到传到前端的值是数字类型，而组件的选项是字符串类型，这时候会出现赋值失败的情况，通过Number函数或者toString()方法，转成我们实际需要的值，如下所示。

<el-radio-group v-model="value">
	<el-radio 
		v-for="item in options" 
		:key="item.value" 
		:label="Number(item.value)">
	</el-radio>
</el-radio-group>

<el-select v-model="value">
	<el-option
		v-for="item in options" 
		:key="item.value" 
		:value="Number(item.value)" 
		:label="item.label">
	</el-option>
</el-select >

2. el-table的列中如果自定义了一个el-input框，如果其对应的data集合中的对象item没有x属性，在给data集合赋值之后，再去给item对象的x属性赋值时，可以发现表格中对应x属性的el-input框无法赋值。所以，使用ElementUI的时候一定要注意表格的data集合和x属性的赋值顺序。

3. 当一个页面因为某些需求需要切换el-table时，一般情况下我们都是通过v-if来控制表格的显示与否，但是需要切换数据时，我们会发现数据会出现一些问题，此时，在el-table的标签中添加key值来区分表格即可解决数据冲突的问题。