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

鍍金池/ 問答/HTML/ element-ui 的checkbox 如何點(diǎn)擊其他按鈕改變checkbox

element-ui 的checkbox 如何點(diǎn)擊其他按鈕改變checkbox的勾選

<el-checkbox class="aaa">備選項(xiàng)</el-checkbox>
        <div @click="aaaa">123</div>
  aaaa(){
        console.log(123)
        $('.el-checkbox .el-checkbox__original').attr('checked', true)
      },

clipboard.png
點(diǎn)擊123 讓checkbox勾選。再點(diǎn)123 讓不勾選，我改變checked的值怎么點(diǎn)都沒反應(yīng)，求解

我的需求是這樣的，列表是可勾選的（但不是element-ui的表格多選），選擇勾選后發(fā)送請(qǐng)求，成功后要把之前勾選的變?yōu)椴还催x。

補(bǔ)充：忘了說，我是el-checkbox-group 所以el-checkbox 沒有v-model值

回答
編輯回答
陌上花

操作$ref里面有checked屬性
this.$refs.checkBox.checked = true;

2017年6月24日 15:58
編輯回答
幼梔
<el-checkbox v-model="checked">備選項(xiàng)</el-checkbox>
data(){
    return {
        checked:false
    }
},
aaaa(){
   this.checked = !this.cheched;
       if(this.checked){
               //發(fā)請(qǐng)求
               //請(qǐng)求成功 this.checked = false;
       }
   }

//------------------補(bǔ)充

<el-checkbox-group v-model="checkList">
<el-checkbox label="復(fù)選框 A" value="1"></el-checkbox>
<el-checkbox label="復(fù)選框 B" value="2"></el-checkbox>
<el-checkbox label="復(fù)選框 C"></el-checkbox>
<el-checkbox label="禁用" disabled></el-checkbox>
<el-checkbox label="選中且禁用" disabled></el-checkbox>
</el-checkbox-group>
<el-button size="mini"  @click="handleBtnClick">點(diǎn)我點(diǎn)我</el-button>

data(){
    return {
        checkList: []
    }
},
methods:{
    handleBtnClick(){
        console.log(this.checkList);
    }
}

建議：仔細(xì)閱讀官方文檔，多多摸索
2018年6月26日 05:07
編輯回答
愚念
//這個(gè)html
<el-checkbox v-model="checked">備選項(xiàng)</el-checkbox>
//js
data(){

return {
    checked:false
}
}
//事件
aaaa(){
this.checked = true;
}
2017年5月17日 10:50