1.VUE环境和工程搭建

https://blog.csdn.net/qq_26154077/article/details/105470192

2.引入Element UI

https://element.eleme.cn/#/zh-CN/component/installation

3.代码实现

<template><div class="hello"><h1>Div Web1122</h1><el-checkbox-group v-model="checkedCities"><template v-for="(city, index) in cities"><el-checkbox @change="changeCheckBox(index, checkedCities)" :label="city" :key="index">{{city}}</el-checkbox></template></el-checkbox-group></div>
</template><script>const cityOptions = ['网络调整', '补丁', '升级'];export default {data() {return {checkedCities: ['网络调整', '补丁', '升级'],cities: cityOptions};},methods: {changeCheckBox(index, checkedCities) {if (checkedCities.length == 0) {alert("至少选择一个")checkedCities.push(cityOptions[index])}}}};
</script><style scoped>
</style>

4.效果

VUE实现checkBox至少选择一个并提示相关推荐

长寿的十个秘诀至少选择一个坚持实施
人人都想提高自己健康长寿的机率.下面的十个秘诀中,哪怕只选择一个,然后坚持实施,若干年后你会发现已经受益无穷. 1.喝茶喝茶,特别是喝绿茶,其中的抗氧化剂可以抵挡有害物质对你身体的伤害.喝茶被证明可 ...
bootstrapValidator select至少选择一个验证
$("#formAppointment").bootstrapValidator({message: '输入值不合法',excluded: [":disabled&quo ...
单个form表单内，不同情况显示的不同选项的单选框或多选框的情况下，判断单选框是否存在未选择一个选项情况，并进行提示。
单个form表单内,根据不同条件情况显示的不同选项的单选框,判断单选框是否存在未选择一个选项情况,并进行提示. 开始: 开始时候,直接把所有情况下的单选框选项用if(!(选项1 已选)&&a ...
vue脚手架v-cli，第一个vue程序
运行在node服务器上的vue程序 1. v-cli安装 2. 使用webpack构建vue程序 3. 目录介绍 4. webpack将vue打包成js文件 1. v-cli安装在玩v-cli vu ...
vue设置多选框默认勾选_vue中复选框怎么默认全选，至少选择4个才可以点击下一步...
[1]项目中有这样的需求,要怎么解决呢...默认复选框是全选状态,也可以取消某一个状态,至少选择4个选项才可以点击下一步.这个要怎么实现啊 html: 原料进厂模块组装成品质检仓储物流销售 ...
ewebeditor在上传文件时，总是提示“请选择一个有效的文件”，
用ewebeditor在上传文件时,总是提示"请选择一个有效的文件",可我上传的文件格式明明是正确的,而且在XP上测试时一切正常啊,难道是程序有问题?经过研究终于找到了问题所在. ...
[vue] 如果现在让你从vue/react/angularjs三个中选择一个，你会选哪个？说说你的理由
[vue] 如果现在让你从vue/react/angularjs三个中选择一个,你会选哪个?说说你的理由让我选肯定是vue.angularjs没用过.angular倒是用过.挺好用的,但是!!!编译 ...
Python题目——实现人机对战的尼姆游戏：假设有一堆物品，计算机和人类玩家轮流从其中拿走一部分。在每一步中，人或计算机可以自由选择拿走多少物品，但是必须至少拿走一个并且最多只能拿走一半物品
问题描述:尼姆游戏是这样一个游戏:假设有一堆物品,计算机和人类玩家轮流从其中拿走一部分.在每一步中,人或计算机可以自由选择拿走多少物品,但是必须至少拿走一个并且最多只能拿走一半物品,然后轮到下一个玩家 ...
如何让checkbox只允许选择一个
如何让checkbox只允许选择一个: 需求:原生的checkbox可以选择多个,现在只能选一个如图: 解决: html代码: <form name="myForm"> ...

VUE实现checkBox至少选择一个并提示

1.VUE环境和工程搭建

2.引入Element UI

3.代码实现

4.效果

VUE实现checkBox至少选择一个并提示相关推荐

最新文章

热门文章