//-------------------------------------------------
nuxt.config.js
npm install vue-awesome-swiper
plugins: [
'@/plugins/swiper',
{src:'~/plugins/swiper.js',ssr:false},
],
//-------------------------------------------------
/plugins/swiper.js
export default () => {
if (process.browser) {
//console.log('浏览器端渲染');
Vue.use(require('vue-awesome-swiper/dist/ssr'), /* { default global options } */)
}else{
//console.log("非浏览器端渲染");
}
}
//组件中--------------------------------------------
<template>
<Layout>
<Header class="bgfff">
<div id="navs" class="clearfix">
<div class="mylogo">
&l
nuxt.js swiper用法
最新推荐文章于 2024-08-19 12:12:08 发布
本文将详细介绍如何在 Nuxt.js 项目中集成并使用 Swiper 滑动组件,包括安装过程、配置选项及在页面中应用的示例,帮助你创建出美观的轮播效果。
摘要由CSDN通过智能技术生成