微信小程序里面的点击事件变换文字

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/u012054869/article/details/88399889

wxml:

 
 

   
   

    
    

   
   
   
   

    
    

     
     <!--按钮-->
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     <view class="more" bindtap="showedit">{{editText}}
     
     </view>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     <!--内容-->
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     <view class="delete {{editTrue?'isRuleShow':'isRuleHide'}}">
    
    
   
   

   
   

    
    

   
   
   
   

    
    
     
     
     <image src='delete.png' mode="widthFix">
     
     </image>
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     </view>
    
    
   
   
 
 

wxss：

 
 

   
   

    
    

   
   
   
   

    
    

     
     .isRuleShow {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
  
     
     opacity: 
     
     1;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     .isRuleHide {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
  
     
     opacity: 
     
     0;
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     }
    
    
   
   
 
 

js：

 
 

   
   

    
    

   
   
   
   

    
    

     
     Page({
    
    
   
   

   
   

    
    

   
   
   
   

    
    
  
     
     data: {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     editTrue: 
     
     false,
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     showModalStatus: 
     
     false,
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     editText: 
     
     '编辑'
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
       },
    
    
   
   

   
   

    
    

   
   
   
   

    
    
  
     
     onLoad: 
     
     function(options) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
       },
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    
  
     
     // 编辑
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
       showedit: 
     
     function() {
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     var that = 
     
     this;
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     if (that.data.editTrue == 
     
     true) {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
           that.setData({
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     editTrue: 
     
     false,
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     editText: 
     
     '编辑'
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
           })
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         } 
     
     else {
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
           that.setData({
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     editTrue: 
     
     true,
    
    
   
   

   
   

    
    

   
   
   
   

    
    
        
     
     editText: 
     
     '完成',
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
           })
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
         }
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
       },
    
    
   
   

   
   

    
    

   
   
   
   

    
    
 
    
    
   
   

   
   

    
    

   
   
   
   

    
    

     
     })