首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue
fxss
创建于2021-05-18
订阅专栏
Vue.js、Vue Router、Vuex、Vue UI库(Element UI、Ant Design of Vue、Vant)
暂无订阅
共16篇文章
创建于2021-05-18
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue echarts封装
做大屏的时候经常会遇到 echarts 展示,下面展示在 Vue2.7 / Vue3 中对 echarts (^5.4.0) 的简单封装。 文章首发于https://blog.fxss.work/vu
Vue2.7 setup 中使用vue-router、vuex
文章首发于 Vue2.7 setup 中使用vue-router、vuex 。 Vue 2.7,中文版可产看 Vue 2.7 正式发布,代号为 Naruto 。 使用 Vue CLI 创建的新项目项目
web 签字板实现
持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第2天,点击查看活动详情 签字板 主要适用于 电子签名,比如购买贵重物品的时候,可能就需要使用电子签名。使用效果可点击查看,可以直接
vuepress搭建带有移动端展示的文档
持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第1天,点击查看活动详情 VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写
Vue3 + Vite + Element Plus 初体验
「这是我参与2022首次更文挑战的第4天,活动详情查看:2022首次更文挑战」 。 最近看完 Vue3 和 Vite 文档之后,就写了个小 demo ,整体感觉下来还是很丝滑的。 Vue3 Vite中
ant-design-vue select 使用汇总
最近使用ant-design-vue,在使用select的时候遇到一些特殊情况,特此做一下整理汇总。 设置默认值defaultValue或者当前选中值为value空字符串''/null 时,placeholder 都无法正常展示,需要设置为undefined 才可以。对应的代码…
Vue + Sentry 搭建前端异常监控系统
选择平台:Sentry通过官方的Sentry SDK与许多不同的语言和平台集成。本项目选择 Vue 。 安装Sentry的浏览器JavaScript SDK:@sentry/browser : yarn add @sentry/browser 或者 npm install @s…
Vue cli 配置CDN及Gzip
在Vue项目中,为了提升性能缩短首页的白屏时间(更具体的白屏时间可查看Web 性能优化-首屏和白屏时间),我们可以通过将公共库采用CDN引入的方式以及将资源文件压缩的方式。 不过由于 Gzip 压缩只有2个文件,所以 2 和 3 的差异不是很明显,不过也可以体验我的博客: ht…
Vue lifecycle 生命周期详解
本文章主要介绍在全局混入、多个混入情况下初始化渲染的生命周期、更新生命周期以及销毁的生命周期。 src/mixin 目录下放的是不同组件或者页面的混入。 上面目录中提到的 mixin 文件都是 先混入 AMixin 再混入 BMixin。 全局混入会在之后每一个创建的 Vue …
Vue路由权限
在做后台管理系统的时候,一般都会遇见路由权限的问题。 大家可以先体验一下最终的例子 authority vue Router ,例子项目地址 authorityRouter。在例子的登录页面中,通过选择不同的用户类型来模拟不同的用户账号登录的情况,通过不同的用户类型登录后台的时…
Element-UI / dom.js 的学习
Vue.prototype.$isServer表示当前是否是在服务器端渲染,例如使用 create-nuxt-app 创建的项目中,在 page/index.vue 的 created 生命周期中添加 console.log(this.$isServer) 服务器端打印出来为 …
Element-UI / scrollbar-width.js
获取浏览器滚动条宽度,一般用于弹出层的时候,设置body的右边距,防止overflow: hidden的时候元素抖动。 弹窗弹出时如果需要锁屏(锁住弹窗下的页面不滚动),则加上下面这段代码,弹窗弹出时锁屏,弹窗关闭时再将其去除。 弹窗关闭时将弹窗打开时设置的值去除。 文中的一些…
vue 自定义事件传参
changeStatus0 打印的是TodoItem.vue中 $emit 后跟的两个参数。 changeStatus1 打印的是 undefined。 changeStatus2 打印的是 v-for 循环中的当前 item 对象。 changeStatus3 中 arr 参…
nuxt.js + pm2 部署
对于 nuxt 项目,一般采用官方提供的 create-nuxt-app 脚手架,具体过程 https://zh.nuxtjs.org/guide/installation/ 。 至于 cross-env 是运行跨平台设置和使用环境变量的脚本。 当我们以对应服务启动生产模式的 …
nuxt.js + vant 适配 rem
创建项目详情查看安装-NuxtJS安装vant引入vant这里采用的是:导入所有组件在根目录的plugins目录下创建vant.js,内容如下:在nuxt.config.js中引入:Rem适配在根目录
Element 换肤方案的探索
项目中如果需要换肤,黑白配的话还好说,就两种皮肤,稍微整整就好了,这次直接来了8套皮肤,这就有点渗人了,必须想办法偷偷懒了,开发环境也要好好琢磨一下了。 Element 有提供多种的换肤方案,但我们项目中用的是 less ,所以只能用 命令行主题工具 了,但是我们的设计图有些和…