Reset page data after vue returns

after the list page uses vue to pass values to the details page, new data is added to the details page to request vue rendering. However, after the return, another detail page is opened. The vue data is still there and has not been reset. The vm data is reset, but the item data requested again is still there and is still used repeatedly.

//
            mui.plusReady(function () {
                var self = plus.webview.currentWebview();
                self.addEventListener("hide",function (e) {
                    window.scrollTo(0, 0);
                    vm.resetData();                
                },false);
            });

this is the reset code for the vm data of the page. How to reset the item data?

    var news = new Vue({
                el: "-sharpnews",
                data: {
                    items: [], //
                },
            function convert(items) {
                var newItems = [];
                items.forEach(function(item) {
                    newItems.push({
                        id:             item.id,    
                        useride:         item.useride,
                        fukanid:         item.fukanid,                        
                        pingtime:         item.pingime,    
                        avatars:        "http://werd.imwork.net:90/public/"+item.avatars,
                        time:             getDateDiff(item.pingtime),
                        usernames:        item.usernames,    
                        pingcongtent:    item.pingcongtent,
                    });
                
                });
                                
                return newItems;
                
            };

this is the new vue request data. How can I reset the item data after clicking back?

Jun.20,2021

this kind of problem that does not execute, should give a complete reference chain. As it is now, breaking anywhere can lead to non-execution.
go to jsfiddle and write a complete example


is finally solved. Add the refresh data page (window.location.reload ();):

) to the return logic.
            //
            mui.back = function() {
                plus.webview.currentWebview().hide("auto", 300);
                window.location.reload();
            };
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e57804-599c2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e57804-599c2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?