Solve the problem of data synchronization when vue-seamless-scroll scrolls and likes

VUE uses vue-seamless-scroll to automatically scroll and like. Because there are two overhidden, the clicks are not synchronized with the DOM. There will be two vue-seamless-scrolls suspended up and down in the code. The like trigger at the suspended part has no response. The reason is: the suspended vue-seamless-scroll below is static and the DOM is not synchronized.

Solution: Add this.$refs.seamlessScroll.reset() to indicate reset

This is the end of this article about solving the data asynchrony problem at the connection point of vue-seamless-scroll and likes. For more relevant vue-seamless-scroll content, please search for previous articles on 123WORDPRESS.COM or continue to browse the related articles below. I hope you will support 123WORDPRESS.COM in the future!

You may also be interested in:

Vue implements the function of like and cancel like on static pages
Example of Vue transition to achieve like animation effect
Vue+Bootstrap collection (like) function logic and specific implementation
Vue sample code for implementing the likes and floating heart effect in the live broadcast room
Summary of communication examples between Vue components (like function)
VUE uses vuex to simulate the news like function example
Vue development to realize comment list
Vue implements comment list
Vue implements simple comment function
Vue implements article likes and dislike functions

<<: Monitor the size change of a DOM element through iframe

>>: How many ports can a Linux server open at most?

Super detailed steps to install zabbix3.0 on centos7

Solve the problem of data synchronization when vue-seamless-scroll scrolls and likes

Super detailed steps to install zabbix3.0 on centos7

Docker Stack deployment method steps for web cluster

Summary of some tips for bypassing nodejs code execution

Node+express to achieve paging effect

Tips for efficient use of CSS style sheets: Take full advantage of the power of style sheets

What I learned while building my own blog

Six ways to increase your website speed

Use Docker to build a Git image using the clone repository

XHTML tags should be used properly

When backing up files in Centos7, add the backup date to the backup file

Recommend

Complete tutorial on installing Apache, MySQL, PHP, LAMP on Ubuntu 18.04

Implementation of the list-style-type attribute in front of CSS ordered or unordered lists

Implementation of building custom images with Dockerfile

Detailed explanation of MySQL cursor concepts and usage

How to create a table in mysql and add field comments

vue-cropper component realizes image cutting and uploading

mysql5.7.17.msi installation graphic tutorial

Detailed explanation of common template commands in docker-compose.yml files

Example of using swiper plugin to implement carousel in Vue

jQuery implements the mouse drag image function

Pure CSS code to achieve drag effect

Analysis of the difference between the usage of left join setting conditions in on and where in mysql

How to quickly log in to MySQL database without password under Shell

Summary of the Differences between SQL and NoSQL

Quickly solve the problem of slow startup after Tomcat reconfiguration