vue

Vue实现选项卡点击切换图片

  • Post author:
  • Post category:vue

话不多说直接上代码以及实现图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt…

继续阅读 Vue实现选项卡点击切换图片

VUE3.0 富文本编辑器使用教程

  • Post author:
  • Post category:vue

前端 VUE3.0 后端 .net 在下载使用的过程中 按照网上的一些教程方法直接引入是没有问题的 但是最终会出现图片无法选择上传的问题 所以这个笔记 还是重点讲一下我遇到的问题和处理解决办法。 1、安装 npm i vue-ueditor-wrap # 或者 yarn add vue-ueditor-wrap 2、全局引入组件 //引入组件 // 在 main.js 中引入 import Vue…

继续阅读 VUE3.0 富文本编辑器使用教程

路由vue-router（二）

  • Post author:
  • Post category:vue

目录 9.路由导航 10.编程式导航 11.动态路由 12. query传参 13.路由懒加载 14. 路由模式 15. 路由导航守卫 一、全局路由导航守卫 二、路由独享守卫 三、组件守卫 16. alias别名 17. 命名路由 18. 命名视图 19.路由元信息（常用） vue中跳转页 面 有两种方式： 路由导航 和 编程式导航 9.路由导航 这种方式会多添加一层标签，相当于原生html中外面…

继续阅读 路由vue-router（二）

Vue实现单页缓存，下一页刷新

  • Post author:
  • Post category:vue

vue单页缓存实现方案分析 实现前进刷新，返回不刷新的功能，并且返回时可以记住上一页的滚动位置，有两套方案可选 方案一：vue的keep-alive组件 具体使用如下： <keep-alive max="10"> <router-view/> </keep-alive> 为什么这么使用? 如vue官网（https://cn.vuejs.org/v2/api/…

继续阅读 Vue实现单页缓存，下一页刷新

2021-08-14 Vue 导入文件import、路径@和.的区别

  • Post author:
  • Post category:vue

Vue 导入文件import、路径@和.的区别 ***import： html文件中，通过script标签引入js文件。 而vue中，通过import xxx from xxx路径的方式导入文件，不光可以导入js文件。 “xxx”指的是为导入的文件起一个名称，不是指导入的文件的名称，相当于变量名。 “xxx路径”指的是文件的相对路径. 例如： 在路由index.js中，导入apple.vue和ba…

继续阅读 2021-08-14 Vue 导入文件import、路径@和.的区别

手把手教你搭建VUE+VScode+elementUI开发环境

  • Post author:
  • Post category:vue

手把手教你搭建VUE+VScode+elementUI开发环境 1.安装node.js 按照VUE必须先要安装node.js （1）打开NodeJs官网：https://nodejs.org/en/download/ ，根据系统下载，Windows操作系统一般选择是64-bit。 （2）点击64-bit就开始下载了。 （3）双击安装，安装过程基本直接“NEXT”就可以了。（windows的安装ms…

继续阅读 手把手教你搭建VUE+VScode+elementUI开发环境

[踩坑记录] Vue自定义按键修饰符无效 Vue属性绑定无效

  • Post author:
  • Post category:vue

先上结论： 一般浏览器会把属性名转成小写，这一步应该是在vue解析之前进行的。 所以vue获取到的其实是@keyup.diyf2，但函数里写的是diyF2，其实是没有绑定成功的。 同时也可以试一下，在标签里写diyF2，js里写diyf2，也是可以绑定的。 问题： 版权声明：本文为qq_39400208原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：h…

继续阅读 [踩坑记录] Vue自定义按键修饰符无效 Vue属性绑定无效

浅谈对vue-router的理解以及hash 模式和history模式

  • Post author:
  • Post category:vue

总结： 早期做单页面是用原生js、jq利用hash（早期前端路由） ，后面h5新推出history的API，就可以用js利用history的API。vue-router把hash、history两种模式封装好了，帮我们快速构建单页面应用， 路由这个概念并不是vue-router出来的时候才提出来的 ，多页面应用没有路由这个概念 路由中有三个基本的概念 route, routes, router。 …

继续阅读 浅谈对vue-router的理解以及hash 模式和history模式

vue router meta icon 引用svg 无法改变颜色的问题

  • Post author:
  • Post category:vue

问题：在替换某个svg图标的时候，发现怎么改css样式都没法改变颜色，怀疑人生的同时怀疑这个svg是不是一个正常的svg… 在尝试很多各种css调试都没法改变这个svg的颜色之后，只能把问题定位到这个svg本身。 解决办法： 找到svg代码里的 fill=“XXX” ，删掉就好了 版权声明：本文为gua222原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链…

继续阅读 vue router meta icon 引用svg 无法改变颜色的问题

记录一次前端（Vue）到后台的完整修改(update)的过程

  • Post author:
  • Post category:vue

在新公司，前端和后台的模块又是一个人处理； 分到了做一个模块的修改功能。直接进入主题：下面开始先从前端开始描述： 1.前端页面复用了新增的页面，剩下的进行修改。首先是通过ID发送给后台，查询到该ID下的所有的其他属性。方法如下： //获取仓库物资详情 getDetail(){ let self = this; materialInquiry.getWarehouseGoodsDetail(self…

继续阅读 记录一次前端（Vue）到后台的完整修改(update)的过程