el-select的clearable 属性的应用

1.问题描述：今天在测试时遇到了一个问题，医院新入病人时会弹出一个form表单，需要把这个表单上的所有东西都填上才能提交。其中包括科室和医生，选择了某个科室再选择该科室对应的医生。这样出现了一个问题，因为科室和医生都是通过下拉框选择的，如果修改了科室，那医生就需要清空，但是我在方法里面直接这样写：

_this.Form.W_ID ='';

是不行的，医生并没有清空，后来查看element-ui的时候看到了它的clearable属性。那这样我们就可以利用这个属性来解决问题了。下面是form的代码：

<el-form-item label="转入医生" prop="W_ID">
     <el-select v-model="Form.W_ID" :clearable="clearDoctor"@change="InDoctorSelectChange" size="small" style="width:100%;">
        <el-option v-for="(item, index) in InDoctorOptions" :key="item.ID":label="item.w_name" :value="(item.ID + '')"></el-option>
     </el-select>
 </el-form-item>

下面是：clearable绑定的方法：

const clearDoctor = function(){
	_this.Form.W_ID = '';
}

这样通过clearable绑定的方法就实现了清空，只要在更换科室调用这个方法就行了。