微信小程序数组增删改查

最新推荐文章于 2024-08-27 18:58:24 发布

百味苦

最新推荐文章于 2024-08-27 18:58:24 发布

阅读量5.6k

点赞数 1

分类专栏：手机app 文章标签：微信小程序

本文链接：https://blog.csdn.net/qq_38026437/article/details/80432469

版权

本文作者初探微信小程序，通过实现数组的增删改查来熟悉平台开发。文章记录了作者的学习过程，主要包括WXML、CSS和JS的相关代码示例，适合小程序新手参考。

摘要由CSDN通过智能技术生成

第一次接触微信小程序，不管接触什么新东西，个人觉得只要写好数组的增删改查，就会了解大部分东西了（个人爱好），新手写的东西，代码可能会很胖。

大概就是这么样子，本文只是记录自己摸索微信小程序的过程，可能并无实际作用

wxml：

 
  < 
  view 
  > 
 
 
  < 
  view 
  class= 
  "{
   {showView?'show':'hide'}}" 
  > 
 
 
  < 
  input 
  bindinput = 
  "userNameInput" 
  placeholder= 
  "请输入修改内容" 
  ></ 
  input 
  > 
 
 
  < 
  button 
  bindtap= 
  "queding" 
  >确定 
  </ 
  button 
  > 
 
 
  < 
  button 
  bindtap= 
  "quxiao" 
  >取消 
  </ 
  button 
  > 
 
 
  </ 
  view 
  > 
 
 
  < 
  view 
  class= 
  'v1' 
  > 
 
 
  < 
  view 
  wx:for= 
  "{
   {array1}}" 
  wx:for-index= 
  "index" 
  wx:for-item= 
  "item" 
  > 
 
 
  < 
  view 
  class= 
  'line-main' 
  > 
 
 
  < 
  view 
  class= 
  'line-buck' 
  >{
  {index+1}}、{
  {item}} 
  </ 
  view 
  > 
 
 
  < 
  view 
  class= 
  "line-buck line-img" 
  bindtap= 
  "addarray" 
  id= 
  "{
   {index}}" 
  > 
 
 
  < 
  image 
  class= 
  'button-add ub-img1 ' 
  src= 
  "../../image/icon-add.png" 
  ></ 
  image 
  > 
 
 
  </ 
  view 
  > 
 
 
  < 
  view 
  class= 
  "line-buck line-img" 
  bindtap= 
  "selectarray" 
  id= 
  "{
   {index}}" 
  > 
 
 
  < 
  image 
  class= 
  'button-add ub-img1 ' 
  src= 
  "../../image/icon-edit.png" 
  ></ 
  image 
  > 
 
 
  </ 
  view 
  > 
 
 
  </ 
  view 
  > 
 
 
  </ 
  view 
  > 
 
 
  </ 
  view 
  > 
 
 
 
 
  < 
  view 
  class= 
  'v2' 
  > 
 
 
  < 
  view 
  wx:for= 
  "{
   {array2}}" 
  wx:for-index= 
  "index" 
  wx:for-item= 
  "item" 
  > 
 
 
  < 
  view 
  class= 
  'line-main' 
  > 
 
 
  < 
  view 
  class= 
  'line-buck' 
 