qq_50031016的博客

h("Button", { style: { marginRight: "3px", display: (params.row.state == "未发布" ? '':"none") }, ),

发布预览 项目中，后台管理添加成功之后，我们需要判断看到网站上的布局是否混乱，是否是我们想要的样式，所以就有发布预览 1，首先，我们需要在网站上新建一个发布预览的.vue页面，然后把共用页面的引入 <template> <div> <!-- 放图片 --> <div> <b-card overlay :img-src="listings" img-alt="C

在项目中遇到导航栏子菜单重复路劲报错时，使用监听解决 一，在router下index.js中加上这一句话 ///解决重复点菜单报红问题 const originalPush = Router.prototype.push Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) } 二，如何在点击页面写 /* eslint-disable

vue打包部署时，本地页面是非常完美的，部署到tomcat上时，布局就混乱了 我用的是vue+bootstrapvue，在style后面加了scoped部分页面在tomcat上是正常的，但bootstrapvue组件我重新写样式的style不生效 解决办法是：main,js中的顺序问题 .css必须放在./App和./router前面 还有就是每个vue组件里的style要加scoped,这很关键，起到css不被组件之间重叠的作用。 import Vue from 'vue' import config f

boottstrapvue中要用图片轮播 前言 尝试过js的走马灯和无缝滚动，这两个只适应电脑端，尝试着修改bootstrapvue中自带的图片轮播，但是出来的是三张三张的一起轮播，这个要证都是三的倍数 一、vue中引入swiper？ 在终端执行： npm install --save swiper npm install --save vue-awesome-swiper 二、使用步骤 1.引入库 在main.js中全局引入 代码如下（示例）： //swiper版本6.0以上使用，我使用的是swiper6

把swiper引入vue中我就不多说了，网上一搜一大把 1，说说文的问题 swiper引入vue中，可以上下滑动，左右滑动，但就是点击左右箭头的时候不起作用 下面就是我的解决办法 import Swiper, { Pagination, Navigation, Autoplay } from 'swiper' Swiper.use([Pagination, Navigation, Autoplay]) 在要用到vue页面引入上面这段代码，就可以点击左右箭头了，小圆点也出现了 自己记录 ...

vue脚手架项目中引入bootstrapVue 终端上输入 npm install vue bootstrap-vue bootstrap 安装成功之后 在程序入口main.js中引入bootstrap-vue，和相关的css样式 webpack.base.conf with an alias. import Vue from 'vue' import App from './App' import router from './router' import BootstrapVue from 'boot