Vue advanced (one eight two): parent-child component element acquisition and method call each other
preface
During the development of Vue project, sometimes we need the parent component to directly access the child component, the child component to directly access the parent component, or the child component to access the root component. Sort out the following request methods:
Parent component accesses child component: $children or $refsChi ...
Posted by eyespark on Tue, 08 Mar 2022 01:35:48 +0100
Vue -- form input binding
1, Basic usage
You can use the v-model instruction to create two-way data bindings on the < input >, < textarea > and < Select > elements of the form. It will automatically select the correct method to update the element according to the control type.
1. Attention
v-model will ignore the initial values of value, checked and ...
Posted by mariocesar on Tue, 08 Mar 2022 01:21:46 +0100
Vue3 study notes
Vue3 study notes
setup = data + methods + computeds Report component: transfer its internal content to the target element Suspend component: load asynchronous component createApp(): create a new instance Do not use the arrow function on the option property or callback, because it does not have this, resulting in an error v-once: when the ...
Posted by foochuck on Tue, 08 Mar 2022 00:03:26 +0100
HTML+JS+websocket actual combat "Yu GI Oh" online card game
At the beginning of this chapter, we will combine js code to see the implementation of specific functions of the game. The general plan is to first introduce the basic functions throughout the game, and then introduce them one by one according to different function keys and function blocks. The functions related to online in the function will b ...
Posted by everisk on Mon, 07 Mar 2022 20:47:18 +0100
vue3+typescript upload files to qiniu cloud
Personal blog address of this article: https://www.leafage.top/posts/detail/21414BX0U
The leafage MS project has been written for a long time, but it has not completed the function of uploading files. I read the documents of qiniu cloud several times before, tossed for several times, and failed. Today, I made up my mind to solve this proble ...
Posted by samip1983 on Mon, 07 Mar 2022 20:07:06 +0100
vue implements rolling load instruction
Scroll loading instructions, with source code and use cases, can be used directly.
Background:
Rolling paging is required in the project, but it will be triggered when rendering with v-infinite-scroll, so you can implement the rolling loading instruction instead
prerequisite:
jquery.js: jQuery is used to calculate the element height, w ...
Posted by arlabbafi on Mon, 07 Mar 2022 17:47:21 +0100
JavaScript - PC side web page special effects
catalogue
1, Element offset offset series
1. offset overview
2. Common attributes
3. Difference between offset and style
Case - coordinates of mouse in box
Case - drag modal box
Case - Jingdong magnifying glass
2, Element viewable area client series
flexible source code analysis
Execute function now
pageshow event
3, Element scroll ...
Posted by davidmuir on Mon, 07 Mar 2022 17:06:35 +0100
Framework technology -- Vue's webpack
Vue framework
Vue3 Foundation: front end engineering, webpack, plugin, loader, Source Map
Vue framework is the hottest front-end framework at present. In order to cooperate with springBoot framework to complete the construction of a complete project in the later stage, we have shared the knowledge of Vue, such as ES6 modularization ...
Posted by Jim from Oakland on Mon, 07 Mar 2022 16:31:02 +0100
Inheritance and reference of templates in Django
Introduction: you can find a website at will, such as Taobao. Look at its different pages and use your big shining eyes to find the differences and similarities. As like as two peas, you will find that there are some different pages in the website, and some of them are exactly the same. And some data are as like as two peas. The layout of their ...
Posted by baccarak on Mon, 07 Mar 2022 14:26:23 +0100
Several ways and principles of lazy loading of browser native pictures
preface
for websites with more pictures, if all pictures are loaded at one time, on the one hand, due to more pictures loaded at the same time, there will be a lot of DOM elements on the page, which will seriously reduce the page blocking performance, and the pressure on the server will be great. On the other hand, if a lot of p ...
Posted by markszy on Mon, 07 Mar 2022 12:09:46 +0100