vue项目中使用多选框的实例代码
105 浏览量
2020-12-28
17:05:56
上传
评论
收藏 40KB PDF 举报
vue项目中使用多选框的实例代码项目中使用多选框的实例代码
<section class="group-con-search newInp" style="margin:10px;">
<el-input v-model="searchCon" placeholder="请输入搜索内容" @keyup.13.native="labelSearch">
<i class="el-icon-search" slot="suffix" @click="labelSearch"></i>
</el-input>
</section>
<div class="tmplmsg_keywords_list">
<div class="checkbox" v-for="(item, index) in returnDate" :key="index">
<input
type="checkbox"
:id="index"
@change="currentSelect"
:value="item"
v-model="checkedNames"
>
<label :for="index" class="label">{{item.keyword_name}}</label>
</div>
</div>
<div class="pitchon">
<div class="name">
<span>已选择（1/5）</span>
</div>
<div>
<div class="checkbox list" v-for="(item, index) in returnDateArr" :key="index">
<input
type="checkbox"
:id="index"
@change="currentSelect"
:value="item"
v-model="checkedNames"
>
<label :for="index" class="label">{{item.keyword_name}}</label>
</div>
data（）{
return {
returnDate:[],
checkedNames: [],
returnDateArr: [],
searchCon: "", // 搜索内容
资源评论
