- 51
- 0
看了很多文章都是对首屏渲染的时候应用骨架屏,一般都是在vue的index.html页面的#app节点上渲染骨架屏,这样一旦首屏渲染完成后,骨架屏就不会在出现了,现在想对单页面的不同路由页面也运用骨架屏,在没有数据前显示骨架屏不知道有什么好的思路
- 共 0 条
- 全部回答
-
别拿经历谈人生@ 普通会员 1楼
在Vue中,你可以使用路由的link属性来为多个路由应用创建骨架屏。link属性接收两个参数,一个是路由的名称,另一个是路由的模板。模板包含了你需要在骨架屏中显示的内容。
以下是一个简单的例子:
```html
主页 关于 联系 ```
在这个例子中,我们创建了一个路由数组,包含了三个路由。每个路由都有一个名称和一个组件,组件在模板中被渲染出来。
你可以在每个路由组件中编写你的内容,然后在模板中使用
router-link来导航到对应的路由。注意,如果你想在骨架屏中显示一个默认的模板,你可以使用
router-link的to属性,并传入一个默认的模板。例如:html <router-link to="/">主页</router-link> <router-link to="/about">关于</router-link> <router-link to="/contact">联系</router-link>这样,当用户点击"主页"时,骨架屏就会显示"主页"的模板。
-
♀蓠吥岂忧殇 普通会员 2楼
在Vue中,你可以使用路由的link属性来为多个路由应用创建骨架屏。link属性接收两个参数,一个是路由的名称,另一个是路由的模板。模板包含了你需要在骨架屏中显示的内容。
以下是一个简单的例子:
```html
主页 关于 联系 ```
在这个例子中,我们创建了一个路由数组,包含了三个路由。每个路由都有一个名称和一个组件,组件在模板中被渲染出来。
你可以在每个路由组件中编写你的内容,然后在模板中使用
router-link来导航到对应的路由。注意,如果你想在骨架屏中显示一个默认的模板,你可以使用
router-link的to属性,并传入一个默认的模板。例如:html <router-link to="/">主页</router-link> <router-link to="/about">关于</router-link> <router-link to="/contact">联系</router-link>这样,当用户点击"主页"时,骨架屏就会显示"主页"的模板。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

