Implement a long-click list pop-up box on apiccloud

1、what:

scene ： use apicloud do APP It is required to press an item in the list for a long time to operate on the item

2、 How to do how:

1. apicloud There is a long press event in the file of

api.addEventListener({
    
    name:'longpress'
}, function(ret, err){
            
   alert(' Long press the page ');
});

2. vue There was a @touchstar event , Trigger when the finger just touches the element

<li class="comment-item" v-for="(item, index) in list" :key="item.id" @touchstart="getTouchStart(index, item.id)"> Your custom list content </li>

3. combination 1 、2 At two o 'clock ： When your finger just touches a list subitem , use touchstart Events to trigger getTouchStart function , This function monitors whether to long press longpress, If a long press is detected , Just do the business logic operation

//@touchstart Method called by event ：
   getTouchStart(index, _id) {
    
   		api.addEventListener({
    
                    name: 'longpress'
                }, function (ret, err) {
    
                    //  Long press the page , Pop up the prompt box 
                    api.actionSheet({
    
                        cancelTitle: ' Cancel ',
                        buttons: [' Delete the comment ']
                    }, function (ret, err) {
    
                        if (ret.buttonIndex === 1) {
    
                        // Pop up the confirmation prompt box 
                            api.confirm({
    
                                title: ' confirm deletion ',
                                msg: ' Are you sure you want to delete the current ' + lou + ' Floor comments ？',
                                buttons: [' determine ', ' Cancel ']
                            }, function (ret, err) {
    
                                if (ret.buttonIndex == 1) {
    
                                // Do your business operation  
                                }
                            });
                        }

                    });
                });
      }

3、 Why not use the time listener to write long press events ？why

I turned it over , About online vue The long press event of involves a timer , also touchmove,touchend, It's too much work to do , More expensive , And the original development has been lost api The advantages of .