vue富文本编辑器

  • Post author:
  • Post category:vue

Vue-Quill-Editor 主流富文本编辑器对比 前言:vue中很多项目都需要用到富文本编辑器,在使用了ueditor和tinymce后,发现并不理想。所以果断使用vue-quill-editor来实现。 wangEditor(国产,基于javascript和css开发的web富文本编辑器,开源免费)优势:轻量简介,最重要的是开源且中文文档齐全。缺点:更新不及时。没有强大的开发团队支撑。 U…

继续阅读 vue富文本编辑器

花10分钟用Vue 实现 1 个数字滚动效果

  • Post author:
  • Post category:vue

作者:RadiumAg https://juejin.cn/post/7019597165538312200 1. 前言 快要 双十一 了,然后 公司 要制作一个 展示 的电子大屏,其中 总金额 的数字需要 滚动 的切换效果,类似于这样: 动画.gif 2. 思考&实现 2.1 思考 诶,作为十年代码经验常年摸鱼的我,想起来 vue 中的 transition-group 可以实现类似的效…

继续阅读 花10分钟用Vue 实现 1 个数字滚动效果

Vue Router(v4.x) 入门指南(推荐阅读)

  • Post author:
  • Post category:vue

Vue Router(v4.x) 入门指南_vurrouter4文档_前端开发小陈的博客-CSDN博客 构建前端项目安装vue-router在src目录下面新建router文件夹,然后在router文件夹下面新建index.jsrouter-linkrouter-view最后在main.js挂载第二章 命名路由 or 编程式导航命名路由除了path之外,还可以为任何路由提供name。这有以下几点优…

继续阅读 Vue Router(v4.x) 入门指南(推荐阅读)

【VUE】npm install -g yarn报错

  • Post author:
  • Post category:vue

一开始报错如下:``` 代理有问题: 查看了代理 本地没有31181 解决办法: 清除代理 npm config delete https-proxy npm config delete proxy 查看代理和鏡像源 最後運行: npm install -g yarn 成功解决 版权声明:本文为Xiachengggg原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明…

继续阅读 【VUE】npm install -g yarn报错

使用Vue2.0在http请求头中添加token(详解含代码)

  • Post author:
  • Post category:vue

使用Vue在http请求头中添加token 用到的技术:Vue, Vue-router, axios, Vuex 1.在Login.vue中通过发送http请求获取token //根据api接口获取token submitForm (formName) { this.$refs[formName].validate(valid => { if (valid) { this.$ajax.pos…

继续阅读 使用Vue2.0在http请求头中添加token(详解含代码)

ant design vue Grid 柵格化 响应式 (待续)

  • Post author:
  • Post category:vue

好处: 就是可以实现 响应式 拉伸 行(row) 列(col) col要直接在row下 基本理解 :span="多少"     //最大24格子 一行是24格子  一个 row 里面的col 的span加起来24就占满了 使用: 可使用row和col 嵌套使用 来布局 col :span="24"  可以用来顶住一行 <a-row>          <a-col :span="…

继续阅读 ant design vue Grid 柵格化 响应式 (待续)

Vue 网络请求篇

  • Post author:
  • Post category:vue

1. 网络请求 Vue 中发送网络请求有非常多的方式,那么在开发中,如何选择呢 Ajax: 传统的 Ajax 是基于 XMLHttpRequest(XHR) ,配置和调用方式等非常混乱所以真实开发中很少直接使用, 而是使用 jQurey-Ajax jQurey-Ajax: 在 Vue 的整个开发中都不需要使用 jQuery 了,所以我们不会为了一个网络请求,就引进 jQuery , 因为 jQue…

继续阅读 Vue 网络请求篇

vue3高德地图点击标点

  • Post author:
  • Post category:vue

1.首先如果没有key的话需要在高德开发平台申请key。 2.安装 npm i @amap/amap-jsapi-loader --save cnpm i @amap/amap-jsapi-loader --save 3.容器: <template> <div> <div class="info"> <h4>获取地图级别与中心点坐标</h4&g…

继续阅读 vue3高德地图点击标点

【三十天精通Vue 3】 第三天 Vue 3的组件详解

  • Post author:
  • Post category:vue

✅创作者:陈书予 ?个人主页: 陈书予的个人主页 ?陈书予的个人社区,欢迎你的加入: 陈书予的社区 ?专栏地址: 三十天精通 Vue 3 文章目录 引言 一、Vue 3 组件的概述 1. Vue 3 的组件系统 2. Vue 3 组件的特点 二、组件的基本语法 1. Vue 3 组件的实例结构 2. Vue 3 组件的指令 版权声明:本文为weixin_46780832原创文章,遵循 CC 4.0…

继续阅读 【三十天精通Vue 3】 第三天 Vue 3的组件详解

Vue报错:Mixed spaces and tabs no-mixed-spaces-and-tabs 解决办法

  • Post author:
  • Post category:vue

Vue报错:Mixed spaces and tabs no-mixed-spaces-and-tabs 解决这错误比较合理且简单的方法是: 1.找到配置文件:test目录下的.eslintrc.js文件 2.然后到rules里,手动添加’no-mixed-spaces-and-tabs’,然后定义为0,关闭规则 版权声明:本文为qq_43158726原创文章,遵循 CC 4.0 BY-SA 版权…

继续阅读 Vue报错:Mixed spaces and tabs no-mixed-spaces-and-tabs 解决办法