vue
梦里谁知身是客
请君曲莫停,长醉不复醒
展开
-
Vue打包出现Browserslist: caniuse-lite is outdated
Vue打包出现Browserslist: caniuse-lite is outdated的解决办法原创 2022-11-28 17:00:49 · 3109 阅读 · 1 评论 -
vue动态修改placeholder颜色
Vue3或者使用原生动态修改placeholder颜色原创 2022-09-07 16:30:36 · 2402 阅读 · 0 评论 -
Vue国际化搭配 VSCode i18n Ally插件使用初体验
i18n Ally安装本文仅作基本使用,有更多的功能请查阅官方文档:GithubGiteeVSCode扩展搜索i18n Ally安装创建Vite项目这里使用的是vite创建的项目,添加vue-i18n@next的库 yarn create vite ... √ Project name: ... i18n-demo √ Select a framework: » vue √ Select a variant: » vue-ts ... // 添加yarn add vue-i1原创 2021-11-25 11:17:39 · 8545 阅读 · 3 评论 -
Vue3+ Vite + ts 项目配置
配置eslint安装yarn add --dev @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue prettier.eslintrc.jsmodule.exports = { parser: "vue-eslint-parser", parserOptions: { par原创 2021-10-28 09:21:15 · 1446 阅读 · 0 评论 -
eslint搭配prettier出现Replace `XXX` with `⏎··········XXX⏎·······`的问题解决方法
出现原因因为代码每行的字数过长,而prettier中建议的是80字符换行,跟VS code中的配置冲突导致,每次保存都会闪动一下。解决办法打开VS code的设置页面,搜索printWidth,将其全部修改为80,保存即可。...原创 2021-10-28 09:17:08 · 24123 阅读 · 7 评论 -
Vue3.0 使用 ant-design-vue
一、升级Vue-clidao 3.0全局更新Vue-cli版本yarn global add @vue/cli@next# ORnpm install -g @vue/cli@next输入vue -V(大写的V)查看版本@vue/cli 4.5.6二、创建3.0版本的Vue项目如图,使用vue create vue-demo创建项目,会有如下提示,选择中间项可以直接创建3.0的项目,选择最后一项,可以手动选择创建2.0或者3.0版本和其他配置项三、引入ant-design-vuey原创 2020-09-20 16:28:41 · 28103 阅读 · 8 评论 -
Vue前端开发规范
引用自:vue官方、腾讯全端AlloyTeam 团队1 环境1.1 代码工具推荐VSCode、webstorm、sublime、Atom统一开发,尽量使用VSCode,轻量、插件多,免费1.2 工具插件(VSCode)Vue开发插件:eslint、HTML CSS Support、HTML Snippets、Live Server、Vetur、Vue VSCode Snippe...原创 2019-07-30 14:27:49 · 604 阅读 · 0 评论 -
Nuxt配置sass或者less
因为官方的文档API还是有点内容的,再加上网上文章一大抄,所以从官网API中搬运过来可以直接看文档原文:文档地址styleResources类型: Object默认: {}当您需要在页面中注入一些变量和mixin而不必每次都导入它们时,这非常有用。Nuxt.js 使用 https://github.com/nuxt-community/style-resources-modul...原创 2019-06-06 14:43:09 · 2821 阅读 · 0 评论 -
获取element-ui的dialog中元素为null的问题
在打开弹窗的时候操作DOM,发现获取DOM为null问题如上图所示,在打开弹窗的时候,需要给按钮添加监听事件,上传文件代码如下 getFileMD5() { const el = document.getElementById("upload-file"); const bmf = new BMF(); el.addEventListener( ...原创 2019-01-24 16:21:26 · 2185 阅读 · 0 评论 -
Vue router传递参数的方式(简单使用)
params 传参router.js... { path: "/user/:id", // path后面要加上参数 name: "user", // name是必须的 component: () => import("../views/User") //懒加载组件}...User.vue//组件中 <router-link to="/user...原创 2018-11-08 15:17:40 · 858 阅读 · 0 评论 -
element-ui修改样式不生效
关键词:scoped,sass,css问题覆盖默认的element-ui css不生效操作如下图所示,想要去除lable中的padding-bottom,自然而然地打开控制台,找到当前的css当前css:修改为:padding: 0,运行发现样式没有生效原因代码中使用scoped之后,保证各文件中的css不相互影响,给每个component都做了唯一的标记<style...原创 2018-11-05 16:01:46 · 16823 阅读 · 0 评论 -
Vue项目引入阿里巴巴矢量图标库
添加图标并下载一、点击图标管理–>我的项目,创建项目简单点~填个项目名即可二、选择一个图标,加入购物车点击右上角购物车的图标,添加至项目(可以直接点击下载代码,不需要创建项目,但是如果是项目有很多图标,需要后续管理,还是要创建项目),然后回到第一步中的我的项目,点击下载至本地在vue项目中使用一、引入项目解压缩下载好的项目,复制到项目中(我的目录是src/asset...原创 2018-11-05 15:50:42 · 4124 阅读 · 0 评论 -
Docker部署nginx+vue
安装nginx//从远程仓库拉取镜像docker pull ${name:version}//安装 nginx 1.15版本的docker pull nginx:1.15//查看本地镜像docker image ls 运行nginx// -i 以交互模式运行容器,通常与 -t 同时使用// -t 为容器重新分配一个伪输入终端,通常与 -i 同时使用// -p...原创 2018-08-21 17:54:40 · 15738 阅读 · 6 评论 -
Vue使用NProgress
NProgress是页面跳转是出现在浏览器顶部的进度条 官网:http://ricostacruz.com/nprogress/ github:https://github.com/rstacruz/nprogress如下图所示,绿色的进度条就是NProgress实现的效果 1、安装$ npm install --save nprogress 或者$ yar...原创 2018-08-28 17:38:10 · 121184 阅读 · 6 评论 -
Vue编写markdown或者展示markdown
之前做博客开发的时候,需要markdown的支持,找了很多资料,但是都是七拼八凑的,要么是告诉你怎么编写markdown,要么是告诉你怎么展示,我把它们总结一下。1、介绍mavonEditor 官网:https://md.zhystar.com/ github:https://github.com/hinesboy/mavonEditormavonEditor是基于...原创 2018-08-28 16:41:07 · 29644 阅读 · 36 评论 -
Vue使用NProgress 修改颜色
在App.vue中的style中增加: #nprogress .bar { background: red !important; //自定义颜色 }原创 2018-08-26 16:57:06 · 24739 阅读 · 2 评论 -
js导入其他文件下面的index.js,提示未找到
在用vuex的时候,在mian.js中导入store/index.js文件,浏览器一直显示 语句是: import store from './store'应该是吧store这个文件件当做store.js来引入了 最后发现问题所在:后面少了'/' import store from './store/'...原创 2018-08-15 14:53:58 · 1927 阅读 · 2 评论