vue+vant搭建的h5端适配方案rem

  • Post author:
  • Post category:vue

1-按照这个链接先把两个依赖: postcss-pxtorem和amfe-flexible 装了,其中vue2的项目postcss-pxtorem要装5.0.0版本,不然会报错。 https://www.cnblogs.com/rzsyztd/p/14212513.html 1- npm install postcss postcss-pxtorem@5.0.0 --save-dev npm i …

继续阅读 vue+vant搭建的h5端适配方案rem

vue中使用fabric.js所遇到的问题汇总

  • Post author:
  • Post category:vue

最近写一个批改的功能,用canvas的原生api真的太吃力了,之后了解到fabric这个库,好用是好用,但是真的踩了很多坑,能百度的资料少之又少,真的是一步一步踩着泥路走过来。 首先项目中引入vue-fabric vue-fabric gitHub地址 里面有教程和基本api用法,下面是记录项目我踩的坑,我觉得这些坑还是挺有代表性的。 一.画布初始化 图片宽高固定的情况下,直接赋初始值,进行初始化…

继续阅读 vue中使用fabric.js所遇到的问题汇总

vue 解决黄色警告:errors and 61 warnings potentially fixable with the `–fix` option.

  • Post author:
  • Post category:vue

这时候我们vue中代码没有问题,也可以正常运行。但就是看着不舒服!!! 解决方案一: 把鼠标放到黄色警告线上,会出现一个“快速修复....(ctrl+.)” 然后点进去。 Fix this prettier/prettier problem:是修复它那一个黄色警告。 Fix all auto-fixable problems:是修复当前页面所有的黄色警告。 这里然后我们使用了Fix all aut…

继续阅读 vue 解决黄色警告:errors and 61 warnings potentially fixable with the `–fix` option.

vue axios从服务器加载图片并显示

  • Post author:
  • Post category:vue

使用场景: 使用传统的img标签查看图片无法添加header,但是后台接口需要头部携带token进行验证。这样的话可以使用axios携带header发起请求,让后台传给前端一个图片二进制流,在前端接收并转成base64的形式展示。 我这里是使用vue-element-template模板进行二次开发的,所以代码模块化程度比较高,具体实现根据自己情况。 模板封装了axios的请求,统一做了添加请求头…

继续阅读 vue axios从服务器加载图片并显示

vue计算属性computed–getter和setter

  • Post author:
  • Post category:vue

计算属性computed和方法methods有什么区别 计算属性本质上是包含getter和setter的方法 当获取计算属性时,实际上是在调用计算属性的getter方法。vue会收集计算属性的依赖,并缓存计算属性的返回结果。只有当依赖变化后才会重新进行计算。 方法没有缓存,每次调用方法都会导致重新执行。 计算属性的getter和setter参数固定,getter没有参数,setter只有一个参数。…

继续阅读 vue计算属性computed–getter和setter

vscode开发vue项目 代码高亮/语法提示 失效解决方法

  • Post author:
  • Post category:vue

场景 vscode开发vue非常好用,因为有很多的插件,可以补全语法,或者高亮便于检查错误,但我发现我装了很多插件,却只有很少的提示,颜色也不改变,字只有两三种颜色,明显高亮也失效了,之前一直没有解决 不同的情况 1 第一种就是插件冲突,把插件卸载重装,或者分别禁用,记得之后要关闭重启vscode才有效,这是我的插件列表 这个方法没有解决问题 2 打开左下角设置,在上面搜索preve 把第一个对号…

继续阅读 vscode开发vue项目 代码高亮/语法提示 失效解决方法

b站黑马Vue2后台管理项目笔记——(1)登录功能

  • Post author:
  • Post category:vue

说明: 此项目中使用的是 本地SQL数据库,Vue2 。 其他功能请见本人后续的其他相关文章。 本文内容实现的最终效果如下图: 目录 一.登录功能的实现 1.登录页面的布局: (1)查看当前工作区是否干净 (2)创建分支 (3)查看分支 (4)运行项目 【如果没node_modules文件夹,需要添加node_modules文件夹】 【运行项目】 【启动mySQL,使得点击登录按钮后可跳转到hom…

继续阅读 b站黑马Vue2后台管理项目笔记——(1)登录功能

vue 项目@change多个参数传值多个事件

  • Post author:
  • Post category:vue

首先是只有一个change事件 changelevel()//选择值 若想改变select同时改变row里的值 多个事件用;分割开来 此时发现changelevel()不执行那么加上()呢 changelevel(val) { console.log(val) => //undefined } 表示未传参数 输出undefined 那么要传值传谁呢 传入$event 再次输出就可获取选择值 …

继续阅读 vue 项目@change多个参数传值多个事件

7. vue3.0 中为什么要使用 Proxy,它相比以前的实现方式有什么改进

  • Post author:
  • Post category:vue

7. vue3.0 中为什么要使用 Proxy,它相比以前的实现方式有什么改进 7.1 原回答 Vue2.x通过给每个对象添加 getter setter 属性去改变对象,实现对数据的观测,Vue3.x通过Proxy代理目标对象,且一开始只代理最外层对象,嵌套对象 lazy by default ,性能会更好 支持数组索引修改,对象属性的增加,删除 7.2 查阅补充 (1)Proxy Proxy …

继续阅读 7. vue3.0 中为什么要使用 Proxy,它相比以前的实现方式有什么改进

【vue3】远程组件加载

  • Post author:
  • Post category:vue

远程加载组件,动态更新组件,主框架不更新 参考 https://gitee.com/fanzhengshao/remote-components-library 用vite创建一个vue项目 添加remote目录,存放远程组件 添加rollup.config.js,用来打包配置远程组件 // rollup.config.js import vuePlugin from 'rollup-plugin…

继续阅读 【vue3】远程组件加载