elselect选择器，value值为空字符串““时，默认不展示全部

当ELSelect选择器的值为空，期望选择器v-model绑定的lable为 全部，但是很烦的就是不出现，个人有两种解决方式。记录一下。

两种解决方式

方法一、善用 placeholder

就是value=""时，展示placeholder

<el-select v-model="list" style="width: 200px" :placeholder="'全部'" >
  <el-option label="全部" value=""></el-option>
  <el-option label="选择1" value="1"></el-option>
  <el-option label="选择2" value="2"></el-option>
</el-select>

const list = ref('')

方法二、属性值替换

简单来说，就是将 value="" 变成 value="all" 然后提交接口的时候转换一下

<el-select v-model="list" style="width: 200px" >
  <el-option label="全部" value="all"></el-option>
  <el-option label="选择1" value="1"></el-option>
  <el-option label="选择2" value="2"></el-option>
</el-select>

const list = ref('all')

const confim = async () => {
	const params = {
    	list: list.value == "all" ? "" : list.value,
  	};
  	await API(params)
}