![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue2
Vue2相关问题
ncj393437906
这个作者很懒,什么都没留下…
展开
-
vue使用SockJS实现webSocket通信
import SockJS from 'sockjs-client'import Stomp from 'stompjs'data() { return { stompClient: '', timer: '' } }, computed: { fixedHeader() { return this.$store.state.settings.fixedHeader } }, mounted() { thi.转载 2021-12-21 14:14:42 · 991 阅读 · 0 评论 -
原生方式实现websocket功能
data() { return { path: 'ws://82.157.123.54:9010/ajaxchattest', // path: 'ws://192.168.0.139:9999/api/notification/topic/server', websocket: undefined } },mounted() { // 初始化 this.init() }, destroyed() { // 销毁监听.原创 2021-12-21 11:06:49 · 409 阅读 · 1 评论 -
element-variables.scss
/* Element Chalk Variables */// Special comment for theme configurator// type|skipAutoTranslation|Category|Order// skipAutoTranslation 1/* Transition-------------------------- */$--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default;$.转载 2021-06-17 16:23:13 · 2719 阅读 · 0 评论 -
vue中全局使用scss的变量和mixin
1、在项目中安装style-resources-loader和vue-cli-plugin-style-resources-loader插件yarn add style-resources-loader --devyarn add vue-cli-plugin-style-resources-loader --dev2、准备variables.scss和mixin.scss文件// variables.scss文件$white1: #fff;$white2: rgba(255, 2原创 2021-04-15 10:59:07 · 973 阅读 · 0 评论 -
vue中使用flexible搭配postcss-plugin-px2rem插件进行页面适配
1、项目中安装lib-flexible和postcss-plugin-px2remyarn add lib-flexibleyarn add postcss-plugin-px2rem --dev2、在项目的入口main.js文件中引入lib-flexibleimport lib-flexible3、在项目的vue.config.js文件中配置postcssmodule.exports = { css: { loaderOptions: { postcs原创 2021-04-15 10:42:39 · 763 阅读 · 0 评论 -
Vue 3 ::v-deep usage as a combinator has been deprecated. Use ::v-deep(<inner-selector>) instead
在scss中下面代码报错Vue 3 ::v-deep usage as a combinator has been deprecated. Use ::v-deep(<inner-selector>) instead.parent ::v-deep .child { ...}更换成下面代码后就OK.parent ::v-deep(.child) { ...}原创 2021-03-23 15:14:26 · 8720 阅读 · 1 评论 -
vue3问题--[Vue Router warn]: <router-view> can no longer be used directly inside <transition> or <keep
router-view can no longer be used directly inside transition or keep-alive代码<transition name="router-fade" mode="out-in"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive><.转载 2021-03-23 14:03:41 · 5589 阅读 · 1 评论 -
vue-cli中如何将让scss变量能够同时在scss和js中使用
变量创建所有scss变量在styles/variables.scss.js编写,格式要求为:/** * variables.scss.js中变量的命名规则如下: * 1.驼峰命名法 * 使用方式如下: * 1.在scss变量中使用是正常的scss变量:$sideBarWidth * 2.在js中使用是定义时的变量格式:import { sideBarWidth } from "@/style/variables.scss.js"; * */module.exports = { .原创 2021-03-23 13:56:15 · 766 阅读 · 0 评论 -
Vue项目常见场景需求的解决方案
收藏 https://www.cnblogs.com/goloving/p/13994321.html原创 2021-02-19 15:44:09 · 359 阅读 · 0 评论 -
vue项目性能优化
一、代码优化1、v-if 和 v-show v-if 是懒加载,当状态为 true 时才会加载,并且为 false 时不会占用布局空间; v-show 是无论状态是 true 或者是 false,都会进行渲染,并且只是简单地基于 CSS 的 display 属性进行切换,并占据布局空间。对于在项目中,需要频繁调用,不需要权限的显示隐藏,可以选择使用 v-show,可以减少系统的切换开销。 在我来看要分两个维度去思考问题: 第一个维度是权限问题,只要涉及到权限相关的展示无疑要用v.转载 2021-02-19 15:38:46 · 380 阅读 · 0 评论 -
vue中监听页面滚动和监听元素滚动
监听页面滚动在生命周期mounted中进行监听滚动:mounted () { window.addEventListener('scroll', this.scrollToTop)},在方法中定义监听滚动执行的方法:scrollToTop() { var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; console.log(scrollT转载 2021-01-29 11:54:36 · 1417 阅读 · 0 评论 -
vue中不同情况下的引入图片的方式
vue不同方式引入本地图片原创 2021-01-21 09:19:24 · 258 阅读 · 0 评论 -
vue中a标签锚点的替代方案
近期在vue项目中,使用了a标签锚点定位对应内容的时候发现路由也发生了变化,此时如果去刷新页面则会出现找不到页面的情况。如果直接使用下面的方法进行锚链接,会导致路由变成xxx,这样显然不是我们需要的<a href="#xxx"></a><div id="xxx"></div>我们可以采用下面的方法解决:<ul class="mdnav maxCon"> <li><a @click.prevent="anchor('原创 2021-01-20 09:16:20 · 1189 阅读 · 0 评论