本文共 1394 字，大约阅读时间需要 4 分钟。

前提

  小咸儿最近参与的项目中，需要实现一个选中某个头脑风暴左滑编辑删除的功能，实现起来很简单，但是小咸儿遇到一个难题。

效果图

难题

  左滑如果不手动关闭，那么左滑事件就不能用了；特别是点击编辑时，会跳转到编辑页面，返回后左滑事件就不能用了。

左滑事件代码模板

实际应用的HTML代码

        
              
                    
                          
                                
         
          
                                 
         
         
          { {item.count}}人回答
         
 
                            
                           
                                
         
         
          { {item.theme}}
          
                                 
         
         
          { {item.integral}}积分
         
 
                            
                           
                                
         
          
                                 
         
         
          已结束
         
 
                            
                      
               
              
                   
      
                        编辑              
                    
      
                        开始              
               
           
    
   

  这里十分重要的就是需要在sliding组件上添加#slide，然后在使用方法时，将这个标志传入到ts中，用来自动关闭左滑事件。

ts代码

gotoModifybrainstorm (i: any, node) {        node.close();        if (this.createClass > 0) {            this.router.navigate(['modifybrainstorm'], {                queryParams: {                    brainStormId: this.brainList[i].id                }            });        } else {            return;        }}

  在ts方法中使用node接收前端HTML中传入过来的slide，使用close()方法关闭左滑事件。

结语

  这样的话，其实就当于手动关闭了左滑框，这样左滑事件就能继续使用了。希望小咸儿的总结能够帮助更多在探索ionic4使用的人。

转载地址：http://tcerb.baihongyu.com/