左右滑动弹出弹框

使用vue-touch步骤

npm install vue-touch@next --save

//在vue项目中的main.js文件中引入：
import VueTouch from 'vue-touch'
Vue.use(VueTouch, {name: 'v-touch'})

   
            
            
            
                       :style="{ height:'100%', width:'60%'}">
                
                
            
            
            
                       @onHeaderLeft="getHeaderLeft" @onHeaderRight="getHeaderRight">

            
            
                      class="home-tabs">
                for="(item, index) in dataList" :key="index" :title="item.TITLE"
                         :info="infoNum(item.TOTAL_NUMS)">
                    
                    
                        
                                  finished-text="没有更多了"
                                  @load="onLoad">
                            
if="item.DATA.length>0">
                                
for="(ite, ind) in item.DATA" :key="ind" @click="goPage(ite)">
                                
                                    {{ currentStatus(ite.ORDER_STATUS) }}
                                    {{ ite.USR_NAME }}
                                
                                    {{ userType(ite.USER_TYPE) }} |
                                    {{ wireType(ite.DETAIL.METERS.WIRE_TYPE) }}
                                    户号： {{ ite.USR_NO }}
                                    用电地址： {{ ite.ELEC_DESC }}
                                
                            

                            

                        
                    

                
            

            
                       :style="{ height: '100%', width: '70%' }">
                
            

            
            <float-ball>

            

                删除主数据库
                删除主数据库
            
        

methods中

   onSwipeRight() {
            this.showNavigation = true
            console.log('right')
        },