V - if the display of the problems in the vue-CodePudding

With the v - if the code segment of introducing aos. Js animation library and then click the page does not display, but content, such as put pictures, pictures of mouse gains focus as you can see the title, but the picture shows, but also take up position

<meta charset="UTF-8">
Commonly used instructions: v - show
<script SRC="https://bbs.csdn.net/topics/js/vue.js" & gt; </script>
<script SRC="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js" & gt; </script>
<link rel="stylesheet" href="https://bbs.csdn.net/topics/css/aos.css"/& gt;
<script SRC="https://bbs.csdn.net/topics/js/aos.js" & gt; </script>
<script>
Window. The onl oad=function () {
Let the vm=new Vue ({
El: '# itany',
Data: {
Flag: true,
Flag1: false,
Flag2: false,
Flag3: false
},
Methods: {
Change () {
. This flag=false;
Enclosing flag1=true;
Enclosing flag2=false;
Enclosing flag3=false;

},
Change1 () {
. This flag=true;
Enclosing flag1=false;
Enclosing flag2=false;
Enclosing flag3=false;
},
Change2 () {
. This flag=false;
Enclosing flag1=false;
Enclosing flag2=true;
Enclosing flag3=false;
},
Change3 () {
. This flag=false;
Enclosing flag1=false;
Enclosing flag2=false;
Enclosing flag3=true;

}
}
});
}
</script>

<body>

CodePudding user response:

Aos scroll animations, isn't it?

CodePudding user response:

reference 1/f, three dozen soy sauce response:

aos scroll animations, isn't it?

Yes, is the screen display

CodePudding user response:

If you need to call the show (); Function? May be different browsers have different requirements,

CodePudding user response:

The

reference 3 floor luj_1768 response:

whether you need to call show (); Function? May be different browsers have different requirements,

How do call, useless when v - if can directly display

Page link：https//www.codepudding.com/frontend/77496.html

Prev:I want to self-study front end, where a systematic teaching video?

Next:A front end of the small white