qq_50031016的博客

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

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

一，解决页面用列表显示时，pc端正常显示，移动端布局混现在我做的是如果移动端字数过多时，超出不行的不显示，用三个点…来代替二，我用的vue+bootstrapvue，但是只要是vue脚手架项目都可以用//namepc-true的话是pc端，所以？后面的pc就是pc端，phone就是移动端 <b-card-text md="4" :class="namepc==true?'pc':'phone'">{{data.name}}</b-card-text>三，我们先判断是移动端

在vue项目的static下的js中新建一个isMobile.js内容如下：var isMobile = function () { let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)

百度很多的类似问题，总结了两种第一种：就是插件没有安装好安装好这两个插件我的就可以使用了，但后面又出现代码不提示就用到下面的第二种方式第二种点击文件-首选项-设置中输入prevent把里面的勾取消掉，关掉软件重新启动就ok了...

推荐20个优秀的前端轮播图插件Swiper使用硬件加速过渡的移动设备触控滑块框架。官网：https://github.com/nolimits4web/Swiperslick你所需要的最后一个轮播插件。官网：https://github.com/kenwheeler/slickslidesJs响应式的 jQuery（1.7.1+）幻灯片插件，具有触摸、 CSS3 过渡等特性。官网：http://www.slidesjs.com/FlexSlider一款令人惊叹的、全响应式的幻灯片 j

尝试很多办法，原来js代码可以高亮，可是不知道什么原因就白花花的一片，脑壳疼完成这两步js代码就高亮了，谢天谢地！参考：https://blog.youkuaiyun.com/cjFrontEnd/article/details/88537368

<input :value=val @input="$emit('update',$event.target.value)"/>里面的$emit('update',$event.target.value)是什么意思尼 $event:是当前的事件对象，$event.target.value指向的是当前的input值