![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
qq_40178497
这个作者很懒,什么都没留下…
展开
-
vue3 createApp加入store或者router
vue3 createApp加入store或者router原创 2022-06-08 11:01:09 · 1812 阅读 · 1 评论 -
vite创建vue项目
vite创建vue项目、windows更新node选择模板选择vue语言安装命令行提示的操作:运行:当前node版本为v16.15.1,若vite安装提示需要升级node版本,windows系统升级直接下载压缩包解压缩到node安装目录,node下载官网选择对应压缩包下载,查看node安装目录:在命令行 (需要在cmd命令行界面操作,VSCode终端操作无效)将下载的安装包解压缩到node安装目录,查看版本已经变过来了......原创 2022-06-08 10:32:20 · 1306 阅读 · 0 评论 -
vue使用elementui的菜单,重复点击相同的菜单报错
vue使用elementui的菜单,重复点击相同的菜单报错,报错页面如下:解决办法:在项目src/router/index.js文件中修改,在Vue.use(Router);前面添加:const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}原创 2020-07-21 01:28:13 · 655 阅读 · 0 评论 -
vue 页面跳转:router-link和push
router-link<router-link to="demo2">demo2</router-link>使用 v-bind 的写法<router-link :to="‘demo2‘">demo2</router-link><!-- 也可以用{}包裹对应的path或name --><router-link :to="{ name: ‘demo2‘ }">demo2</router-link>传参<.原创 2020-08-24 21:29:58 · 228 阅读 · 1 评论 -
vue项目首次加载缓慢优化
组件全局引入改为按需引入element-ui按需引入:安装babel-plugin-componentnpm install babel-plugin-component -D 用cnpm会更快将 .babelrc 修改为:{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie &l.原创 2020-10-13 18:49:17 · 261 阅读 · 0 评论 -
vue2.0升级3.0报错node_global已存在
vue2.0升级3.0报错node_global已存在先执行命令npm uninstall -g vue-cli再执行npm install -g @vue/cli原创 2021-03-26 15:32:10 · 116 阅读 · 0 评论 -
vue2.x和3.x修改端口号和配置代理
vue2.x修改index.js配置文件module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', // 配置代理 proxyTable: { '/api': { target: 'http://xx.xx.xx.xx:xxx/',//设置你调用的接口域名和端口号 别忘了加http change.原创 2021-03-28 16:09:01 · 1696 阅读 · 0 评论 -
vue3.x filters过滤器不生效
vue3.x不再支持过滤器来源: https://www.jb51.net/article/196367.htmvue2.x中使用{{item.title | titleLimitFilter}}vue3.x改用方法或者计算属性,官方建议计算属性// 方法{{titleLimitFilter(item.title)}}原创 2021-03-29 12:03:44 · 1577 阅读 · 0 评论 -
vue3.x keep-alive不生效
需求要在列表页点击查看详细页后返回,页面不刷新,还在那一块网上App.vue教程都是<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"></router-view>之类的,实际我的项目没有生效按照页面f12的提示原创 2021-04-02 19:12:16 · 8794 阅读 · 0 评论 -
vue3 添加keep-alive后多个页面滚动条相互影响
网上方法在路由js里面添加const router = createRouter({ history: createWebHistory(process.env.BASE_URL), routes, // 添加: scrollBehavior(to, from, savedPosition) { if (savedPosition) { return savedPosition; } return { x: 0, y: 0 }; },});原创 2021-04-03 19:09:02 · 820 阅读 · 0 评论 -
vue3 unmounted不执行
unmounted就是原来的destroyed,原因是在项目中使用了keep-alive,把unmounted改为deactivated钩子函数created钩子函数还是照样执行,activated函数也会执行,先执行created后执行activatedlog打印:原创 2021-04-03 19:40:22 · 8618 阅读 · 0 评论 -
vue3 vite elementPlus分页控件显示英文
网上都是import locale from 'element-plus/lib/locale/lang/zh-cn'app.use(ElementPlus, { locale })但控制台报错按照提示在vite.config.js文件中(没用在主目录下新建)加入optimizeDeps.include内容vite.config.js文件内容如下:module.exports = { // 引入第三方的配置 optimizeDeps: { include: [.原创 2021-05-26 11:16:43 · 784 阅读 · 0 评论