复选框代码 使用vue.js
<ol class="rkAddLists_content">
<li v-cloak v-for="value in libraryInfo">
<ul>
<li class="checkAdd adds"><input :value="value" v-model="checkedM" type="checkbox"></li>
<li class="xhAdd adds">{{value.medicineId}}</li>
<li class="xpmAdd addl">{{value.medicineName}}</li>
<li class="ggAdd addm">{{value.specification}}</li>
<li class="dwAdd adds">{{value.pacingMeasurement}}</li>
</ul>
</li>
</ol>
要显示的区域代码
<ol class="crkList" id="crklists">
<!-- 一条药品信息 -->
<li id="xxxxxx">
<ul v-for="(value,index) in checkedM">
<li class="ms medicineId">{{value.medicineId}}</li>
<li class="ml medicineName">{{value.medicineName}}</li>
<li class="ml factory">{{value.factory}}</li>
<li class="mm"><input type="number" @keyup="Count()" class="pl plNum Count"></li>
<li class="ms pacingMeasurement">{{value.pacingMeasurement}}</li>
<li class="mm"><input type="number" @keyup="Count()" class="pl plNum purchasePrice"></li>
<li class="mm"><input type="number" class="pl plNum saleMeasurementPrice"></li>
<li class="mm money">0.00</li>
<li class="ml times" :id="'time'+index" v-on:click="layUI($event)">{{NowTime}}</li>
<li class="ms deltPl" :id="index" @click="rem(index)"><i @click="rem(index)" class="iconfont icon-shanchu remove6" style="font-size:23px"></i></li>
</ul>
</li>
</ol>
网友评论