![](https://img-blog.csdnimg.cn/20210720183441183.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue.js
Vue 开发
落落叶叶无声
做过后端,现在主前端的开发工程师...
展开
-
前端项目部署后,需要刷新页面才能看到更新内容
前端项目部署后,需要刷新页面才能看到更新内容原创 2023-10-31 18:45:01 · 1671 阅读 · 1 评论 -
Vite 创建项目后 eslint 提示错误 HelloWorld.vue has no default export
vite 创建项目 eslint 报错原创 2023-03-03 22:08:17 · 1434 阅读 · 0 评论 -
【elementui】处理多个按钮的 loading 状态
elementui 处理多个按钮的加载状态原创 2022-09-16 11:52:53 · 3206 阅读 · 0 评论 -
Vue2 生命周期详细流程
生命周期详细流程请查看个人文档 生命周期流程图原创 2022-02-16 16:20:08 · 189 阅读 · 0 评论 -
为什么我不推荐 v-has 实现权限控制?
为什么我不推荐 v-has 实现权限控制原创 2022-01-24 00:26:08 · 3539 阅读 · 1 评论 -
vue create 报错 Cannot find module ‘C:\Users\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js‘
问题描述执行 npm install -g @vue/cli执行 vue create project 报错 Cannot find module vue\cli\bin\vue.js解决方法定位到目录 C:\Users\AppData\Roaming\npm\删除以下文件原因可能用户以前安装过 vue cli,重新安装时旧文件还在导致新版本安装失败。...原创 2021-12-28 16:35:58 · 7655 阅读 · 1 评论 -
Vue 的 data 函数里的 this 用法
代码示例const app = new Vue({ el: '#app', props: { id: { type: String, default: '10000' } }, data(vm) { console.log('data', this) // ==> #1. 当前 Vue 实例 console.log('data', vm) // ==> #2. 当前 Vue 实例 return { ne原创 2021-10-26 00:11:16 · 12456 阅读 · 2 评论 -
【vue-router】push 方法对应的路由组件传参方式
params 方式this.push({name: 'user', params: {id: 'abc'})this.push({path: 'user/${id}')组件const User = { props: ['id'], template: '<div>User {{ id }}</div>'}路由{ path: '/user/:id', components: User, props: true }增加额外的静态参数{原创 2021-09-28 16:35:57 · 366 阅读 · 0 评论 -
img 图片加载错误时显示默认图片
有时我们项目里的图片加载错误时(比如 404),为了友好体验,我们可以用一张默认图片来替代。方法一:用 background 遮住原图片<img src="no-such-pic.png" />img { position: relative; height: 200px; width: 200px;}img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height:原创 2021-02-09 20:18:38 · 2727 阅读 · 0 评论 -
【精简你的Vue代码】用class封装替换Vue的methods
介绍我们用购物车为例来说明用 class 封装业务逻辑,去掉methods的方法。Vue的实例:script.js我们在data中创建购物车对象 cart 时,不是用 cart: { } 来初始化购物车,而是通过 cart : new ShoppingCar() 我们在这里无需写任何 Methods。但是对于一些计算属性,我们仍然要明确写出来,不过可以调用 cart 对象的方法。impo...原创 2020-04-03 19:11:18 · 2080 阅读 · 0 评论