点击单选框实现选中，再次点击则取消选中

有一需求：单选框type=radio，实现点击某单选框选中，展示相应的图层。再次单击该单选框，取消选中，关闭相应的图层。

主要代码如下:

<input type="radio" :checked="isChecked"  @change="retainRecord" @click="showlayer"/> 仿真结果

<script>
data() {
	return {
		isChecked: false,
		changed: false,
	}
},
methods: {
	retainRecord() {
		//可以写些单选框选中的代码处理
		this.isChecked = true;
		this.changed = true;
		...(选中后的操作现象的逻辑代码)
	},
	showlayer() {
		 window.setTimeout(() => {
              if (!this.changed) {
                this.isChecked = false
                 // 可以写些单选框没有选中的代码处理
                ...(没有选中的操作代码)
              } 
              this.changed = false;
         }, 0); 
	}
}
</script>