微信小程序-动态添加、删除指定View

chibimarukochan

于 2019-03-28 10:30:27 发布

阅读量1w

点赞数 11

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：动态添加动态删除

本文链接：https://blog.youkuaiyun.com/ChibiMarukoChan/article/details/88863527

一、实现效果：

二、实现代码：

1）.wxml页面：

循环的addPrice是一个数组；
需要保存数组的下标和字段名称；

   <view class="price-detail" wx:for="{
  
  {addPrice}}" wx:key="">
      <view class="price-detail-descp">
        <image src="{
  
  {hosts}}/images/jianhao.png" class="jianhao" data-index="{
  
  {index}}" bindtap='deletePrice'></image>
        <view class="descp-text" >费用描述</view>
        <view class="descp-value">
          <input type="text" name="Price_Name" class="desc-input"  data-index="{
  
  {index}}" data-tag="Price_Name" bindblur='setInputValue' placeholder='请输入费用描述' value=""/>
        </view>
      </view>
      <view class="price-detail-num">
        <view class="descp-text">人数限制</view>