随笔分类 - Vuejs
摘要：Nuxt.js项目部署 采用nuxt.js开发，一般都是为了实现SSR。让搜索引擎更好的抓取网页内容。 nuxt.js官方为我们提供了两种部署的方式，一种是静态资源部署，一种是ssr形式部署。 本文章总结ssr形式的部署完整流程 失败的尝试 在项目搭建好以后，狗尾草按很多网友说的，执行npm run
阅读全文
摘要：html: <el-input type="textarea" autofocus="true" @keydown.native="handleKeyCode($event)" resize="none" v-model="messageTxt" maxlength="2000" show-word
阅读全文
摘要：先看一个场景图： 给一个标签el-tag添加表单的校验，且在内容有了以后关闭校验 看代码： <el-form-item class="baseinfo-tags" label="服务包标签：" prop="tags"> <el-tag class="tag" :key="tag" v-for="ta
阅读全文
摘要：vue所依赖的Element的UI库在使用其中的upload组件时，可能很大几率会遇到这个题，需要给upload组件添加表单校验 大家这里直接看代码就可以 <el-form-item class="baseinfo-headimg" ref="headimgUpload" label="上传首图："
阅读全文
摘要：源码地址：https://github.com/18291907191/gwc_manage Vue实战狗尾草博客后台管理平台第七章 本章内容为借助模块化来阐述Vuex的进阶使用。 在复杂项目的架构中，对于数据的处理是一个非常头疼的问题。处理不当，不仅对维护增加相当的工作负担，也给开发增加巨大的压力
阅读全文
摘要：源码地址：https://github.com/18291907191/gwc_manage Vue实现狗尾草博客后台管理系统第六章 本章节内容 文章列表 文章详情 草稿箱 文章发布。 本章节内容呢，开发的很是随意哈，因为多数就是element-ui的使用，熟悉的童鞋，是可以很快完成本章节的内容的。
阅读全文
摘要：源码地址：https://github.com/18291907191/gwc_manage 本章主要内容如下： 静态资源服务器的配置。学会如何使用静态资源服务器引入静态资源。并给大家推荐一个免费可使用的oss服务器~ 页面的开发由于近期做出的更改较大。就放在下一篇中。 静态资源服务器 静态资源服务
阅读全文
摘要：源码地址：https://github.com/18291907191/gwc_manage 本章主要内容如下： 填补上期的坑。 iconfont仓库的关联，引入。 开发登录页面 填坑 上期中我们功能都已正常使用。但不知道有没有小伙伴测试过error页面，当访问地址不存在时，路由是否能正常挑战err
阅读全文
摘要：源码地址：https://github.com/18291907191/gwc_manage Vue实现狗尾草博客后台管理系统第三章 本章节，咱们开发管理系统侧边栏及面包屑功能。 先上一张效果图 样式呢，作者前端初审，关于设计上毫无美感可言，大家可根据自己情况设计更好看的哦~ 侧边栏 这里我们借助e
阅读全文
摘要：源码地址：https://github.com/18291907191/gwc_manage 伙伴们出来啦，探讨各问题，关于项目中大量的表单，大家是怎么处理的？ 本章主要内容如下：底层布局，路由配置，github仓库推送关联。 关联GitHub仓库 关联建立在github已创建账号的基础上 登录自己
阅读全文
摘要：源码地址：https://github.com/18291907191/gwc_manage Vue实战狗尾草博客后台管理系统第一章 这里准备采用的技术栈为：vue全家桶+element-ui 这里因为是后台管理系统，没有做SSR的必要。所以这里就采用前后端分离来昨晚这个项目~ 项目搭建 vue i
阅读全文
摘要：nuxt.js第三方插件的使用？路由的配置pages目录自动生成路由layoutsdefault.vueerror.vueVuex的使用权限篇Mysqladvice nuxt.js 追求完美，相信大家都是这样的。因为前后端分离的弊端性，在项目构建时，浏览器并不会捕捉到项目的内容，所以开始，笔者决定引
阅读全文
摘要：Vue点击当前路由实现刷新 Vue点击当前路由实现刷新思路Code实现效果 Vue点击当前路由实现刷新思路Code实现效果 前言：在后台管理系统中，有这样一个需求点击当前菜单栏时，页面依旧可以刷新。 点击当前路由实现数据请求页面刷新 思路 点击当前菜单栏时，因为要进行跳转的路由和当前路由相同，所以r
阅读全文
摘要：vue开发公众号项目，***产品需要添加一个新的功能。拖拽功能。一听简单。百度上轮子挺多，直接拉一个过来用着就行。然鹅。。。兴奋之余，却失望至极。东西很多，没有一个能使得。你让我失望，那我就让你绝望。于是，拖拽的故事就开始了。。 vue拖拽功能组件源码 vue拖拽功能组件源码 vue拖拽功能 必备知
阅读全文
摘要：Vue-Quill-Editor 主流富文本编辑器对比 前言：vue中很多项目都需要用到富文本编辑器，在使用了ueditor和tinymce后，发现并不理想。所以果断使用vue-quill-editor来实现。 wangEditor（国产，基于javascript和css开发的web富文本编辑器，开
阅读全文
摘要：vue中引入图片 前言：vue中引入图片时，会显示不出来，除非在css中引入。而在template中或者js动态引入时，会显示不出图片。 解决一 图片通过后端返回引入网络图片路径即可。 <div class="banner-item" :style="{'background': `url(${$b
阅读全文
摘要：前言 在vue的后台管理开发中，应需求，需要对信息做一个校验，需要将参数传递两份过去，一份防止在body中，一份防止在formdata中，axios请求会默认将参数放在formdata中进行发送。 对前端而言其实都一样，无非就是参数的格式问题。 对后端而言 （form data）可以用request
阅读全文
摘要：PostCSS 是使用 JS 插件来转换 CSS 的工具，支持变量，混入，未来 CSS 语法，内联图像等等。而使用PostCSS则需要与webpack或者parcel结合起来。 PostCss已经被很多公司使用：谷歌，推特，阿里巴巴和 Shopify。 Autoprefixer PostCSS 插件
阅读全文
摘要：1.在主目录下创建vue.config.js 内容如下： 完成后，不需要引入，直接运行npm命令运行项目就ok
阅读全文
浙公网安备 33010602011771号