vue配合elemenUI做自定义切换单选框

elementUI的单选框切换可以自定义切换
需求： store里面的变量state改变让单选框选择改变

<el-radio-group :value="currentWarningAlertState" @input="changeWarningAlertState">
	   	 <el-radio-button :label="null">全部</el-radio-button>
	     <el-radio-button label="NEW">未受理</el-radio-button>
	     <el-radio-button label="PROCESSING">受理中</el-radio-button>
	     <el-radio-button label="COMPLETE">已结束</el-radio-button>
 </el-radio-group>

关键是@input的事件 每次改变选择内容会去改变store的值

changeState(changeWarningAlertState: string){
    this.changeWarningAlertState(changeWarningAlertState);
 }

这里的currentWarningAlertState是从state里面获取的，所以state里面的currentWarningAlertState改变了那么这里也会改变

@State currentWarningAlertState!: string | null;