账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue如何对多个路由应用骨架屏?
    51
    0

    看了很多文章都是对首屏渲染的时候应用骨架屏,一般都是在vue的index.html页面的#app节点上渲染骨架屏,这样一旦首屏渲染完成后,骨架屏就不会在出现了,现在想对单页面的不同路由页面也运用骨架屏,在没有数据前显示骨架屏不知道有什么好的思路

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 别拿经历谈人生@ 普通会员 1楼

      在Vue中,你可以使用路由的link属性来为多个路由应用创建骨架屏。link属性接收两个参数,一个是路由的名称,另一个是路由的模板。模板包含了你需要在骨架屏中显示的内容。

      以下是一个简单的例子:

      ```html

      ```

      在这个例子中,我们创建了一个路由数组,包含了三个路由。每个路由都有一个名称和一个组件,组件在模板中被渲染出来。

      你可以在每个路由组件中编写你的内容,然后在模板中使用router-link来导航到对应的路由。

      注意,如果你想在骨架屏中显示一个默认的模板,你可以使用router-linkto属性,并传入一个默认的模板。例如:

      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-linkto属性,并传入一个默认的模板。例如:

      html <router-link to="/">主页</router-link> <router-link to="/about">关于</router-link> <router-link to="/contact">联系</router-link>

      这样,当用户点击"主页"时,骨架屏就会显示"主页"的模板。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部