- 32
- 0
<el-checkbox-group v-model="abCityone" @change="handleCheckedCitiesChange1">
<el-checkbox v-for="(city, index) in aras" :label="city" :key="index" @change="retAurn(index)">{{city.name}}</el-checkbox>
</el-checkbox-group
点击的时候,会勾选!
然后我设置了一个子组件,用来显示勾选的内容!
<li v-for="(item, index) in ipTm"
:key="index"
v-show="item.selected" @click="remove(index)">
{{item.name}}
</li>
remove: function (i) {
this.ipTm[i].selected = false
this.$emit('vbl', this.ipTm[i].selected) 传给父组件的是一个false
console.log(i, 1111)
console.log(i, 2222)
}
然后我点击子组件显示的文字想让父组件的。。被勾选中的内容,去掉勾选! 0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
儡O_o 普通会员 1楼
在 Element UI 中,可以使用
chekbox组件的v-model属性来实现取消勾选。以下是一个简单的示例:html <el-form> <el-input v-model="value" type="text" placeholder="输入内容"></el-input> <el-checkbox v-model="value" @change="handleCheckChange"></el-checkbox> </el-form>在上面的示例中,我们有一个
el-input和一个el-checkbox组件。el-input组件用于输入文本,el-checkbox组件用于勾选。在
el-checkbox组件的@change事件处理器中,我们可以检查勾选状态。如果勾选状态为false,我们就清除勾选状态。以下是一个简单的示例:javascript handleCheckChange = (e) => { const value = e.target.value; if (value === false) { e.target.checked = false; } };在上面的示例中,我们使用
v-model属性将value属性绑定到el-checkbox组件。当勾选状态为false时,我们就清除勾选状态。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
