after learning the code of the swipe component of mint-ui, you see the following code snippet:
as mentioned earlier in the vue.js document, accessing child components through $children does not guarantee order. But the code here in the swipe component seems to rely directly on the order in which the child components are traversed by $children . I feel a little confused here.
I hope some students who are familiar with vue.js or mint-ui can help explain it. I appreciate it!
$children does not guarantee the order < / H1 >
The $children property of the vue instance always saves the child component instances in the order in which was created , rather than the order in which the child component instances are in the entire component tree.
if the subcomponent instance does not change its position in the component tree due to changes in data after it is created, its order in $children can reflect its order in the component tree.
if subcomponent instances change their order in the component tree due to data changes, this change will not be reflected in $children , because $children always saves subcomponent instances in the order in which they were created.
swipe component implements the effect of the rotation graph. If the order of the data used to generate the broadcast items does not change, and the new rotation item data is appended from the tail, in this case, $children can correctly reflect the real order of the sub-component instances in the component tree.
Previous: Is Volatile a multiprocessor concern?
Next: The mobile terminal clicks the key that input pops up to be the numeric keyboard, how to realize?
< H2 > now there is a strange situation, that is, when I use the Loadmore component, the pull-up load is not performed, only the drop-down refresh is performed. It only executes every time I change the location of the component, but after I refresh it, i...
dynamically modify title propsstore ...
how does the navbar of mint-ui get the current clicks? what I want to achieve is that users click on different tab to send requests and request different data. Previously, using tabs, in element-ui provided a click event to get the current clicks. I see ...
The tabbar component of mint-ui is located at the bottom by default. Can it be placed at the top? How to write? ...
<template> <div class="home-swiper"> <div class="aaa"> <mt-button type="default">default< mt-button> <mt-button type="primary">primary< mt-button> <mt-bu...
defines a component that contains best-selling items and uses loadMore in mintUI. Then reference the component in app.vue. defines the function. LoadBottom; when there is no -sharpcontent {overflow-y: scroll;} , the loadBottom is triggered as soon...
when tab-container and infinite scroll of mint-ui are used together, there will be the problem of wireless trigger loading. Switching to the first container, the second and the third will load infinitely, and if you switch to the second, the first and t...
as mentioned, in Android 4.4.4, toast, message,field and other components have misplaced styles and failed. it is now known that the 4.4.4 Android versions of Huawei and oppo have misplaced and lost styles. is the compatibility of mint-UI itself less...
the whole mintui library is introduced into main.js without setting the style and has a default rotation style. After the picture setting does not take effect, the rotation image cannot be replaced . ng] ( img bVbgsek) is also invalid after being i...
the default picker component height of mint-ui is 36px, but the design draft is 58px. All styles are different, before changing 18px font is not aligned; value is not the middle value; hope that the great gods step through the pit answer one or...
problem description mt-actionsheet I have already written, but how do I adjust the photo and album when I click "take a picture " or click the "Select from album " button? the environmental background of the problems and what methods you have tr...
use the latest version of Vue 2.5 + Mint-UI and use mt-swipe to do a top picture rotation. But it doesn t show anything. Code: main.js import Vue from vue import VueRouter from vue-router import App from . App.vue import router from . ...
A Uncaught TypeError: Cannot read property match of null error occurred when using Tabbar in Mint-UI. UI figure: the following error occurred when clicking tabbar to switch tab: VM3871:1 Uncaught TypeError: Cannot read property match of n...
use the Cell control in Mint-UI , exactly according to the example of the official website, without left alignment. Code: <template> <div> <mt-cell title="" :to="link" ...
Mobile UI library: mint-ui of ele.me. Mini Program UI component Library: Mogujie s minui. now I want to use mobile mint-ui directly on Mini Program. Why not? Isn t it all just a UI component library? ...