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

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?

Recommend

Detailed explanation of Deepin using docker to install mysql database

Query the MySQL source first docker search mysql ...

Implementation code for using mongodb database in Docker

Get the mongo image sudo docker pull mongo Run th...

A detailed introduction to setting up Jenkins on Tencent Cloud Server

Table of contents 1. Connect to Tencent Cloud Ser...

How to remove the dividing line of a web page table

<br />How to remove the dividing lines of a ...

Vue Beginner's Guide: Creating the First Vue-cli Scaffolding Program

1. Vue--The first vue-cli program The development...

An example of how to write a big sun weather icon in pure CSS

Effect The effect diagram is as follows Implement...

How complicated is the priority of CSS styles?

Last night, I was looking at an interview question...

Detailed explanation of the use of HTML canvas and page storage technology in JavaScript

Table of contents 1. JavaScript uses canvas in HT...

Detailed explanation of the implementation of MySQL auto-increment primary key

Table of contents 1. Where is the self-incremente...

MySQL common statements for viewing transactions and locks

Some common statements for viewing transactions a...

20 Signposts on the Road to Becoming an Excellent UI (User Interface) Designer

Introduction: Interface designer Joshua Porter pub...

Teach you the detailed process of installing DOClever with Docker Compose

Table of contents 1. What is Docker Compose and h...

In-depth analysis of the reason why the error "The server quit without updating PID file" is reported when MySQL is started

Many people have encountered this error when star...

JavaScript uses canvas to draw coordinates and lines

This article shares the specific code of using ca...

HTML table tag tutorial (32): cell horizontal alignment attribute ALIGN

In the horizontal direction, you can set the cell...