![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端bootstarpvue+vue.js
qq_50031016
这个作者很懒,什么都没留下…
展开
-
vue中表格按钮等于某个值时不显示
h("Button", { style: { marginRight: "3px", display: (params.row.state == "未发布" ? '':"none") }, ),原创 2021-07-14 17:02:55 · 489 阅读 · 0 评论 -
vue中发布预览
发布预览项目中,后台管理添加成功之后,我们需要判断看到网站上的布局是否混乱,是否是我们想要的样式,所以就有发布预览1,首先,我们需要在网站上新建一个发布预览的.vue页面,然后把共用页面的引入<template> <div> <!-- 放图片 --> <div> <b-card overlay :img-src="listings" img-alt="C原创 2021-07-06 10:05:52 · 854 阅读 · 0 评论 -
vue中点击重复路径报错发问题
在项目中遇到导航栏子菜单重复路劲报错时,使用监听解决一,在router下index.js中加上这一句话///解决重复点菜单报红问题const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}二,如何在点击页面写/* eslint-disable原创 2021-06-16 17:41:27 · 198 阅读 · 0 评论 -
vue打包部署时页面布局混乱
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原创 2021-06-15 09:47:55 · 1133 阅读 · 0 评论 -
bootstrapvue中使用swiper图片轮播
boottstrapvue中要用图片轮播前言尝试过js的走马灯和无缝滚动,这两个只适应电脑端,尝试着修改bootstrapvue中自带的图片轮播,但是出来的是三张三张的一起轮播,这个要证都是三的倍数一、vue中引入swiper?在终端执行:npm install --save swipernpm install --save vue-awesome-swiper二、使用步骤1.引入库在main.js中全局引入代码如下(示例)://swiper版本6.0以上使用,我使用的是swiper6原创 2021-04-25 10:02:34 · 1063 阅读 · 0 评论 -
vue中引入swiper6左右箭头点击不生效,和没有小圆点
把swiper引入vue中我就不多说了,网上一搜一大把1,说说文的问题swiper引入vue中,可以上下滑动,左右滑动,但就是点击左右箭头的时候不起作用下面就是我的解决办法import Swiper, { Pagination, Navigation, Autoplay } from 'swiper' Swiper.use([Pagination, Navigation, Autoplay])在要用到vue页面引入上面这段代码,就可以点击左右箭头了,小圆点也出现了自己记录...原创 2021-04-23 15:30:25 · 1472 阅读 · 4 评论 -
vue项目中引入bootstrapVue
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原创 2021-03-17 15:54:56 · 287 阅读 · 0 评论