vue

问题是这样的，我使用webpack的npm run dev运行的时候，keep-alive路由缓存是有效的，但是我npm run build，把文件放到实际的项目中去的时候，会有如下的问题： 路由如下： var menus = [ { path: '/user', name: '用户', component: '/user', redirect: '/user/index1', icon: 'fa…

修改nuxt.config.js如下： plugins: [ { src: '~/plugins/nuxt-swiper-plugin.js', ssr: false } ], css: [ 'swiper/css/swiper.css' ] 修改nuxt-swiper-plugin.js如下： import Vue from 'vue' import VueAwesomeSwiper from …

目录 vue3之watch使用 watch监听一个数据 watch监听多个数据，使用数组 watch监听深层次对象 watch监听对象的某一个值 vue3之watchEffect高级监听器 校验非惰性 watchEffect之 停止监听 watchEffect 的执行时机 watchEffect 的副作用 watchEffect 的debugger状态 vue3之watch使用 watch监听一个…

1、安装刻度尺组件 npm install cs-ruler 2、在main.js中全局引入组件 import CsRuler from 'cs-ruler'//刻度尺组件 Vue.use(CsRuler) 3、组件使用 <cs-ruler @post-NumValue="rulerNum" :NowNum='100' :maxNum='120' :minNum='60' :numSize=…

1. 实现原理 实际解决用户需求：当用户点击抽奖时，会请求接口获取中奖的奖品信息，前端根据中奖编号进行修改css样式，让转盘旋转，调整角度对应后端返回的奖品。如果抽奖有多次机会的话，每次需要抽奖结束后需要 重置角度 2.html 代码 .wheel img.turntable( src='@/assets/img/second-anniversary/turntable.png' :style="…

简单点，说话的方式简单点：直接上代码~~ axios({ // 用axios发送post请求 method: 'post', withCredentials: true, url:url, // 请求地址 data: param, responseType: 'blob',//防止导出文件破损或乱码 headers: { 'Content-Type': 'application/json' } }…

方法一（暂时存储在sessionStorage） 修改资料的时候，比如修改姓名，点击修改头像会跳转其他面，再回来时刚修改的姓名会恢复原始数据，下面就是解决这个问题： HTML： <div @click="picture"> <div class="touW">头像</div> <i class="right"> <img :src=tu >…

Vue.use(plugins) 注册一个插件 例子： import Vue from 'vue' import Router from 'vue-router' // 不要忘了调用此方法 Vue.use(VueRouter) Vue.directive()创建或者获取自定义指令 // 注册(指令函数) Vue.directive('my-directive', { bind: function …

Vue运行或者打包时候报TypeError [ERR_INVALID_CALLBACK]: Callback must be a function. Received 29 在进入公司后将电脑环境配置好之后从git上拉取下来公司的vue项目准备进行开发，由于项目比较老，是自己手搭的项目，所以和脚手架生成的项目配置可能略有不同，大家可以灵活运用我的这种解决办法；在运行npm install后执行np…

本篇将会着重讲解关于Vue和Element UI 相关的内容 思维导图 网页版Vue Cli 基本使用 这里使用Vue Cli 进行基本的使用 安装 npm install -g @vue/cli 安装的界面如下 PS C:UsersAdministratorDesktop> npm install -g @vue/clinpm WARN deprecated @hapi/joi@15.1.…