Vue
xjcwzp
这个作者很懒,什么都没留下…
展开
-
Vue 学习笔记 错误ResizeObserver loop completed with undelivered notifications
使用了el-table 后,容易出现如下错误。在App.vue 下面加代码。原创 2023-09-20 15:25:01 · 16128 阅读 · 6 评论 -
vue 学习笔记 【ElementPlus】el-menu 折叠后图标不见了
解决办法是把icon 从#title 中提取出来。运行过程中,菜单折叠后,图标不见了。原创 2023-07-25 11:40:25 · 2451 阅读 · 0 评论 -
Vue学习笔记 store 找不到Module里的action
vue store 调用 modules 里的action原创 2023-07-20 15:16:40 · 312 阅读 · 0 评论 -
nginx使用笔记 Nginx在Window上开机自启动
Nginx 在 Window系统上开机自启动原创 2022-05-30 15:30:25 · 336 阅读 · 0 评论 -
vue学习笔记 element-plus/icons-vue el-menu动态菜单(路由)
element-plus/icons-vue 动态菜单(路由) 绑定icon原创 2022-01-07 11:24:14 · 3642 阅读 · 2 评论 -
vue 学习笔记
创建项目时,提示No matching version found for @vue/cli-plugin-babel@^5.0.0command failed:npm install --loglevel error --legacy-peer-deps按照要求,安装 --loglevel 等,问题并未解决最后偿试升级vue cli项目创建成功原创 2021-11-29 10:16:42 · 653 阅读 · 0 评论 -
Vue学习笔记 Element 表单的 rules 验证 Number
参考地址:Element 表单的 rules 验证 Number转载 2021-11-12 10:54:30 · 712 阅读 · 0 评论 -
vue学习笔记 修改el-card样式
<template> <div style="margin: 50px"> <el-card class="box-card"> <template #header> <div class="card-header"> <span>卡片名称</span> <el-button class="button" type="text">操作原创 2021-09-13 10:11:47 · 31815 阅读 · 4 评论 -
vue学习笔记 el-dialog 固定宽度
按比例显示、固定宽度原创 2021-09-02 14:54:52 · 4611 阅读 · 0 评论 -
vue学习笔记 element-plus export ‘createElementVNode‘ (imported as ‘_createElementVNode‘) was not found
Vue CLI 版本是5.0.0-beta.3创建新项目后,运行正常安装element-plus运行报错export ‘createElementVNode’ (imported as ‘_createElementVNode’) was not found in ‘vue’浏览器中报错误Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode) is not a function原创 2021-08-18 10:37:57 · 7703 阅读 · 4 评论 -
vue学习笔记 No matching version found for @vue/cli-plugin-babel@~5.0.0.
在创建项目时,选择了babel ,创建失败,提示No matching version found for @vue/cli-plugin-babel@~5.0.0@vue/cli-plugin-babel查找相关版本,安装本人未找到对应版本,没有解决此问题。最后将Vue CLI 升级才解决的,...原创 2021-08-16 10:37:52 · 4930 阅读 · 0 评论 -
vue学习笔记 el-scrollbar 隐藏横向滚动条
在学习vue过程中,学习侧边菜单,使用el-scrollbar,需要隐藏横向滚动条sidebar.scss#app { $sideBarWidth: 220px; $menuBg: #304156; .sidebar-container { ... //隐藏横向滚动条 .el-scrollbar__wrap { overflow-x: hidden !important; } .el-scrollbar__bar.is-horizonta原创 2021-08-11 16:02:50 · 889 阅读 · 1 评论 -
vue学习笔记 element-plus 分页显示英文问题
表格和分页提示都显示英文解决办法在在main.js中,import locale from "element-plus/lib/locale/lang/zh-cn";createApp(App).use(ElementPlus, { locale })运行结果原创 2021-07-21 15:47:26 · 1279 阅读 · 0 评论 -
vue学习笔记 VUE3 v-for 中使用ref
参考:VUE3.0之v-for 中的 Ref 数组<router-link v-for="tag in visitedViews" ref="tag" :key="tag.path" :class="isActive(tag) ? 'active' : ''" :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }" tag="s原创 2021-07-15 17:11:39 · 3145 阅读 · 0 评论 -
vue学习笔记 export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
版本:vue3 vue/cli 5.0.0做写store时报错import Vue from "vue";import Vuex from "vuex";import getters from "./getters";import user from "./modules/user";Vue.use(Vuex);const store = new Vuex.Store({ modules: { user, }, getters,});export defa原创 2021-07-14 16:04:41 · 7472 阅读 · 1 评论 -
vue学习笔记 Vue Error: Can‘t resolve ‘path‘ in
vue3编译错误 path-browserify原创 2021-07-14 13:58:31 · 7640 阅读 · 1 评论 -
vue学习笔记 vue页面四周留有空白问题
参考:vue组件顶部留有空白问题vue3新建项目后,发现页面四周有留白解决办法:修改index.html样式添加样式<style> body{ margin:0; padding:0; } </style>index.html 如下<!DOCTYPE html><style> body{ margin:0; padding:0; }</style>原创 2021-07-12 16:51:47 · 2313 阅读 · 0 评论 -
vue学习笔记 vue-cli4.5.13 创建项目报错
vue-cli 4.5.13vue 3.0.0 或 vue 3.1.3创建完项目后,运行报如下错误reactivity.esm-bundler.js解决方法1:https://download.csdn.net/download/m0_58006422/19987970替换文件 reactivity.esm-bundler.js具体怎么解决的,本人相关知识有限,看不明白解决方法2:升级vue到最新版本npm install -g vue@next升级cli到最新版本npm inst原创 2021-07-02 16:17:54 · 717 阅读 · 0 评论 -
vue学习笔记 vue cli4.5 创建项目
原文链接: vue cli4.0 快速搭建项目详解.原创 2021-07-02 10:31:37 · 1411 阅读 · 0 评论 -
vue学习笔记 svg-icon
参考开源项目:vue-element-admin-master安装svg-sprite-loadercomponents文件夹中,创建SvgIcon文件夹添加index.vue组件<template> <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-bind="$attrs" ></di.原创 2021-04-30 09:45:56 · 355 阅读 · 2 评论 -
vue学习笔记 element-plus
https://element-plus.gitee.io/#/zh-CN安装element-plus安装成功main.js 中import { createApp } from "vue"import App from "./App.vue"import "./registerServiceWorker"import router from "./router"import store from "./store"import ElementP...原创 2021-04-30 09:18:24 · 166 阅读 · 0 评论 -
npm 安装教程
https://www.cnblogs.com/goldlong/p/8027997.html npm安装教程一、使用之前,我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套v.转载 2021-04-25 13:26:02 · 295 阅读 · 0 评论