在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue要怎么實現(xiàn)單選按鈕選中之后取消

vue要怎么實現(xiàn)單選按鈕選中之后取消

控制單選按鈕點擊選中后再次點擊取消選中

回答
編輯回答
女流氓

可以用復選框模擬單選按鈕

<template>
  <el-checkbox-group v-model="checkedCities">
    <el-checkbox v-for="(city,index) in cities" :label="city" :key="city" @change='hanChange(city,index)'>{{city}}</el-checkbox>
  </el-checkbox-group>
</template>

data() {
  return {
    checkedCities: ['上海'],
    cities: ['上海', '北京', '廣州', '深圳']
  };
},
methods: {
  hanChange(city,index) {
      this.checkedCities = this.checkedCities.includes(city)?[city]:[]
  }
}
2017年12月13日 17:22
編輯回答
陌上花

額,你這個問題有點模糊啊。單元按鈕不就是點一下選中再點消失嗎

2017年7月18日 09:32
編輯回答
我甘愿
<div :class"={selected:selectIndex}" @click="selectIndex=!selectIndex"></div>

簡化點這么寫了。selectIndex默認為true就是選中,給這個類名寫對應的選中樣式

2017年6月15日 14:57