创造与魔法官方网站做自己喜欢的事,上海门户网站制,百度收录域名,网站重定向过多利用hash过滤数据。
效果演示
初始样式 点击 将三种字体分别设置为相对应的颜色#xff0c;使用hash过滤器#xff0c;不管点击那个颜色的字体时都会显示成红色。
在开始我们的代码之前请注意#xff1a; 引入Vue.js架包
代码演示
!DOCTYPE html
html la…利用hash过滤数据。
效果演示
初始样式 点击 将三种字体分别设置为相对应的颜色使用hash过滤器不管点击那个颜色的字体时都会显示成红色。
在开始我们的代码之前请注意 引入Vue.js架包
代码演示
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/titlescript srcjs/vue.js/script
/head
body
a href#red : class{active:showred}显示红色字体/a
a href#blue : class{activeshowblue}显示蓝色字体/a
a href#black : class{active: showblack}显示黑色字体/a
/body
scriptvar vm new Vue({el:#app,data:{show:red}});function hash(){var hash window.location.hash.slice(1);vm.isShow hash;}hash();window.addEventListener(hashchange,hash)//事件hashchange
/script
/html了解更多关注我呦