![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 79
轻叹年华逝,
他时若遂凌云志,敢笑黄巢不丈夫!
展开
-
尤雨溪:Vue 3 将成为新的默认版本
划重点:Vue 3 将在 2022 年 2 月 7 日 成为新的默认版本从库到框架Vue 3 的 “软发布”崭新的 Vue版本切换细节npm 发布标签官方文档与站点GitHub 仓库开发者工具扩展※※※可能需要采取的措施未指定版本的 CDN 链接npm latest 标签这是尤大的知乎话题从库到框架在最开始的时候,Vue 仅仅是一个运行时库。但这些年来,它已经逐步发展成了一个包含许多子项目的框架:核心库,即 vue npm 包 内容足够当作一本书的文档 构建工具链(Vue CLI、Vue Loa转载 2022-01-21 13:30:06 · 4745 阅读 · 2 评论 -
vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“.
vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“.一、问题出现及其出现原因二、问题解决三、原理分析四、this指向复习一、问题出现及其出现原因在使用this.$router.push进行路由的跳转时,出现如下报错:问题出现原因:重复路由跳转,比如说当前路由是商品详情页面/goodsDetail,但是点击按钮进行this.$router.push操作,要跳转的还是商品详情页面/goodsDetail。二、问题转载 2021-04-23 09:45:12 · 4841 阅读 · 1 评论 -
vue router返回到指定的路由
vue router返回到指定的路由一、项目场景二、问题描述三、原因分析四、解决方案一、项目场景项目场景:示例:A(商品详情)——B(商品购买页面)-C(支付成功页面)——D(订单页面)二、问题描述提示:这里描述项目中遇到的问题如果我们不做控制的话,安卓按照浏览器返回机制,依次从D-C-B-A这样子,这样子会有一定的bug,测试那边也是说不过去啊,原本想利用beforeRouteLeave这个来操作进行更改跳转,发现还是有点问题最后还是用beforeRouteEnter来操作了,先放上两个的区别吧转载 2021-01-29 16:16:16 · 7794 阅读 · 2 评论 -
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器
使用vue-quill-editor富文本编辑器(部分代码)一、准备工作二、定义全局组件quill-editor1、定义template模板2、定义富文本选项配置三、相关方法1、改变原有富文本编辑器上传图片绑定方法2、上传事件一、准备工作下载vue-quill-editornpm install vue-quill-editor --save 或者 yarn add vue-quill-editor二、定义全局组件quill-editor下载好vue-quill-editor后,我们需要定义一原创 2021-01-12 09:28:05 · 10099 阅读 · 8 评论 -
详解diff算法的流程以及实现
diff算法自框架出现以来非常的重要,vue和react等都有它的影子,深入理解diff算法,不仅对框架原理有一些深入理解,更能够对编程思想提供很大的帮助。有图片有代码有流程~转载 2021-01-08 16:50:18 · 11116 阅读 · 10 评论 -
vue使用vue-meta插件动态设置meta和title标签(seo优化)
一文看懂动态设置meta和title标签一、meta标签是什么二、静态设置meta标签属性①、首先下载相关包②、在main.js中全局使用③、给每个route赋一个静态属性对象④、在vuex中存储一个空的属性对象和定义方法⑤、最后在main.js中使用路由拦截守卫三、动态设置meta标签属性①、修改单个路由②、动态赋值一、meta标签是什么在w3cschool中的定义如下所示元数据(metadata)是关于数据的信息。 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可原创 2020-12-30 18:45:27 · 12316 阅读 · 12 评论 -
ant design vue动态循环生成表单以及自定义校验规则
在ant design vue开发中有时候会利用后台数据循环生成表单,需要我们绑定prop以及自定义校验事件以下是我用官网提供的方法结合自身项目写出来的总结一、首先在data里定义表单数据// 循环生成的人员表单数据addManForm:{ manObjList:[ { person_info_company_guid:undefined,//所属公司 person_info_team_guid:undefined,..原创 2020-08-06 11:58:14 · 16642 阅读 · 9 评论 -
Ant Design Vue生成动态菜单a-menu
今天,小编带你们看一看从官网总结来得动态菜单一、定义template模板二、定义函数式组件三、引入菜单组件及接受动态菜单数据四、定义其他数据五、所涉及到的方法一、定义template模板<template> <a-layout> <!-- 左侧导航 --> <a-layout-sider> <div> <a-menu原创 2020-12-17 19:26:08 · 16850 阅读 · 13 评论 -
vue中的router-view父子组件传参
router-view父子组件传参一、父组件传值给子组件二、子组件往父组件传值一、父组件传值给子组件父组件传递:<router-view :projectId="projectId"></router-view>在data里存储的参数data(){ return { projectId:'xxxxxxxx' }}子组件接收:export default { prop:['projectId'], watch: { projectId:原创 2020-12-16 19:00:02 · 15970 阅读 · 11 评论 -
vue双向绑定原理及实现
vue双向绑定原理及实现一、MVC模式二、MVVM模式三、双向绑定原理1、实现一个Observer2、实现一个Watcher3、实现一个Compile4、实现一个MVVM四、最后写一个html测试一下我们的功能一、MVC模式MVC模式以往的MVC模式是单向绑定,即Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新二、MVVM模式MVVM模式就是Model–View–ViewModel模式。它实现了View的变动,自动反映在 ViewModel,反之亦然转载 2020-12-16 12:02:21 · 5830 阅读 · 2 评论 -
巨细无比的Echarts圆环图,干货满满。
精致的Echarts圆环图,一览无遗具体实现代码最终效果具体实现代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>圆环图案例</title> <!-- 引入 ECharts 文件 --> <script src="js/echarts4.0.js" type="text/javascript" charset="utf-8"转载 2020-12-14 16:21:18 · 6877 阅读 · 1 评论 -
在vue中展示甘特图
今天分享一篇关于查看任务的甘特图的文章首先,用的插件是dhtmlx-gantt,官网地址https://docs.dhtmlx.com/gantt/官网的Getting started模块是查看甘特图的各种配置废话不多说,上代码详细说明子组件模板<template> <div ref="gantt" style="width:100%;height:550px"></div></template>...原创 2020-11-16 17:29:36 · 13097 阅读 · 6 评论