<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[jerisem的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/jerisem</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; jerisem]]></copyright><item><title><![CDATA[Vue的单元素动画transition]]></title><link>https://blog.youkuaiyun.com/jerisem/article/details/124368967</link><guid>https://blog.youkuaiyun.com/jerisem/article/details/124368967</guid><author>jerisem</author><pubDate>Sat, 23 Apr 2022 19:46:59 +0800</pubDate><description><![CDATA[vue中的单元素动画写法]]></description><category></category></item><item><title><![CDATA[Vue的切换功能]]></title><link>https://blog.youkuaiyun.com/jerisem/article/details/124368659</link><guid>https://blog.youkuaiyun.com/jerisem/article/details/124368659</guid><author>jerisem</author><pubDate>Sat, 23 Apr 2022 19:36:31 +0800</pubDate><description><![CDATA[一、按钮文字之间的切换


 &lt;button @click="bol=!bol"&gt;{{ bol?'按钮一':'按钮二' }}&lt;/button&gt;

然后在data中声明bol就可以


 data: {

        bol: true

      }


实际效果如图：（单击按钮一会切换到按钮二）



二、按钮切换其他的元素（使用v-if）


&lt;body&gt;
    &lt;div id="app"&gt;
        &lt;...]]></description><category></category></item><item><title><![CDATA[面试题 说说vuex]]></title><link>https://blog.youkuaiyun.com/jerisem/article/details/123922464</link><guid>https://blog.youkuaiyun.com/jerisem/article/details/123922464</guid><author>jerisem</author><pubDate>Sat, 02 Apr 2022 16:18:07 +0800</pubDate><description><![CDATA[面试题中对vue中vuex简单描述]]></description><category></category></item><item><title><![CDATA[Vue生命周期函数]]></title><link>https://blog.youkuaiyun.com/jerisem/article/details/123469995</link><guid>https://blog.youkuaiyun.com/jerisem/article/details/123469995</guid><author>jerisem</author><pubDate>Mon, 14 Mar 2022 04:51:38 +0800</pubDate><description><![CDATA[vue官方生命周期图示]]></description><category></category></item><item><title><![CDATA[阻止a标签跳转的5种方法]]></title><link>https://blog.youkuaiyun.com/jerisem/article/details/119385306</link><guid>https://blog.youkuaiyun.com/jerisem/article/details/119385306</guid><author>jerisem</author><pubDate>Wed, 04 Aug 2021 15:55:30 +0800</pubDate><description><![CDATA[阻止a标签的默认跳转行为，给 a 标签的返回添加一个false


1、在标签里面添加点击事件，直接 return false


&lt;ahref="https://www.jd.com"onclick="alert('哈哈');returnfalse;"&gt;跳转1&lt;/a&gt;

2、在函数内直接return false （用的最多）


&lt;a href="https://www.jd.com" id='link2'&gt;跳转2&lt;/a&gt;
&lt;script&gt;...]]></description><category></category></item><item><title><![CDATA[innerHTM 和 textContent]]></title><link>https://blog.youkuaiyun.com/jerisem/article/details/119383932</link><guid>https://blog.youkuaiyun.com/jerisem/article/details/119383932</guid><author>jerisem</author><pubDate>Wed, 04 Aug 2021 15:20:16 +0800</pubDate><description><![CDATA[innerHTML 是获取/设置标签的内容

1、获取：是获取元素内的所有内容


&lt;div class="one" id="box"&gt;我是div
    &lt;span&gt;我是一个span&lt;/span&gt;
    &lt;p&gt;我是一个p&lt;/p&gt;
&lt;/div&gt;    
&lt;script&gt;
    let box = document.getElementById('box');
    console.log(box.innerHTML..]]></description><category></category></item><item><title><![CDATA[js获取页面元素的 7种方法]]></title><link>https://blog.youkuaiyun.com/jerisem/article/details/119279134</link><guid>https://blog.youkuaiyun.com/jerisem/article/details/119279134</guid><author>jerisem</author><pubDate>Sat, 31 Jul 2021 21:06:48 +0800</pubDate><description><![CDATA[1、通过ID来获取页面元素：


document.getElementById('id');



    &lt;div id='box'&gt;&lt;/div&gt;
    &lt;script&gt;
        let box = document.getElementById('box');
        console.log(box);         // 输出是整条语句 &lt;div id='box'&gt;&lt;/div&gt;
    &lt;/script&gt;

]]></description><category></category></item></channel></rss>