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.pushRouter.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 swipernpm 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