由于逻辑相对简单,直接附上代码咯!愿君多采撷~~~~
html代码:
<div class="select-buyer">
<checklist :options="fullValues"></checklist>
<span>id: {
{selectedData}}</span>
<div class="weui-cells weui-cells_checkbox">
<label v-for='(item, index) in checkboxData' :key="item.id" class="weui-cell weui-check_label">
<div class="weui-cell__hd">
<input :value="item.id" v-model="checkBox.items[index]" @click="handleInputChange" type="checkbox" name="vux-checkbox" class="weui-check">
<i class="weui-icon-checked vux-checklist-icon-checked"></i>
</div>
<div class="weui-cell__bd">
<p>{
{item.value}}价格:{
{item.price}}</p>
</div>
</label>
</div>
</div>
.Vue文件代码:
<template src="./index.html"></template>
<script>
import { Checklist } from "vux";
export default {
name: "selectBuyer",
data() {
return {
fullValues: [],
checkboxData: [
{
id: "1",
value: "苹果4S",