Vue:Object.defineProperty()方法整理

  • Post author:
  • Post category:vue

文章目录 前言 一、方法介绍 描述符对象 相关使用案例 二、get()和set()方法 1.修改第三个参数获取设置和返回相应属性的方法 2.设置多个参数的属性及set()和get()方法 总结 前言 本文记录笔者对Vue中Object.defineProperty()方法的整理 一、方法介绍 我们都知道JS中能够创建一个对象,并给对象相应的属性值进行复制,而在Vue中,Object.defineP…

继续阅读 Vue:Object.defineProperty()方法整理

flutter中用flutter_inappbrowser嵌入Vue项目,无法加载iframe页面

  • Post author:
  • Post category:vue

标题flutter中用flutter_inappbrowser嵌入Vue项目,无法加载iframe页面 再项目开发中遇到一个问题,需要在flutter项目中的一块区域放k线图,由于flutter做股票那样的k线图难度挺大,也没有找到合适的插件,所以最后决定用webview嵌入一个html页面进来。 在嵌入页面的时候一切正常,最后加上数据请求的时候发现K线图并没有渲染出来。。。 后来发现html页面…

继续阅读 flutter中用flutter_inappbrowser嵌入Vue项目,无法加载iframe页面

在 vue 中使用 vue-typed-js 实现打字机效果

  • Post author:
  • Post category:vue

这篇博客和我的博客: 原生 JS 实现打印机效果,一个字一个字出现,再一个字一个字消失,如此循环 是实现的相同功能——打字机效果。即,一个字一个字出现,再一个字一个字消失,如此循环。如下图为大概样子: 我是在用原生js实现后看到 typed.js 这个js插件,进而找到了 vue-typed-js 这个插件的,上面还有react的,位置如下图所示。 下面说一下 vue-typed-js 这个插件的…

继续阅读 在 vue 中使用 vue-typed-js 实现打字机效果

ant-design-vue中的select多选选择,器实现全选和全不选

  • Post author:
  • Post category:vue

废话不多说,直接上代码(觉得写得不好的话,请多担待): 具体的实现逻辑卸载当用户选择下拉框的方法里面: 在这里插入代码片 ```//选中信息类型的事件 typeChange(e){ const seleAll = "" //表示全部的值 //如果选中最后一个值为选中全部就其他的选项取消只需选中全部的选项 if(e[e.length-1]==seleAll){ this.monitorFrom.ch…

继续阅读 ant-design-vue中的select多选选择,器实现全选和全不选

接收后端返回的pdf文件流 前端使用Vue-pdf实现预览(分页)

  • Post author:
  • Post category:vue

vue系列文章目录 需求:后端返回文件流前端将文件流转为成blob地址预览pdf文件 提示:以下是本篇文章正文内容,下面案例可供参考 一、安装PDF插件依赖 npm install vue-pdf --save 二、封装vuePdf组件为预览页面,通过Management.vue路由传参形式跳转到预览页面 1.Management.vue 代码如下(示例): 封装的请求pdfDocument 一定…

继续阅读 接收后端返回的pdf文件流 前端使用Vue-pdf实现预览(分页)

vue中引入自定义的js文件

  • Post author:
  • Post category:vue

1.创建utils/index.js文件 其结构如下: import { Toast } from ‘mint-ui’; function Toasts (text){ //mint-ui Toast({ message: text, position: ‘middle’, className:‘toastclass’, duration: 2000 }); } function urllist(…

继续阅读 vue中引入自定义的js文件

vue 修改文件不生效_如何修改 node_modules 里的文件

  • Post author:
  • Post category:vue

使用patch-package来修改 安装patch-package:npm i patch-package --save-dev 修改package.json,新增命令postinstall: "scripts": { "postinstall": "patch-package" } 修改node_modules里面的代码 执行命令:npx patch-package 修改的文件名。 第一次使用…

继续阅读 vue 修改文件不生效_如何修改 node_modules 里的文件

vscode配置vue环境

  • Post author:
  • Post category:vue

一、vscode配置vue环境 1.1 vscode开发vue visual studio code 配置vue开发环境 1.2 插件 vetur eslint 二、搭建第一个vue项目 2.1 安装@vue/cli npm install @vue/cli 2.2 创建项目 选择第四个,自动选择属性 npm create hello1 2.3 选择项目特点 空格选择,上下箭头进行滚动 babel…

继续阅读 vscode配置vue环境

SpringBoot+Vue实现第三方支付宝登录(二)

  • Post author:
  • Post category:vue

1. 支付宝登录授权流程 网站支付宝登录的授权流程遵照 OAuth2.0 协议,具体请见下图。其中,申请获取用户信息功能时默认可获取的用户信息包含支付宝用户 ID、昵称、性别、省份、城市、用户头像信息。 1. 首先,按照规则拼接授权页面的链接引导用户登录并授权给商家; 2. 用户授权后,开放平台会将用户浏览器重定向到商家设置的 returnUrl(该 URL 需与商家在开放平台设置的授权回调地址保…

继续阅读 SpringBoot+Vue实现第三方支付宝登录(二)

Vue学习笔记—导航守卫

  • Post author:
  • Post category:vue

Vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。导航守卫分为:全局守卫、路由独享守卫、组件内守卫。 一、全局守卫 全局守卫的语法: let router = new VueRouter({ routes: [//配置性 {...} ] }) 全局守卫又分为全局前置守卫和全局后置守卫 1.全局前置守卫 可以使用router.beforeEach 注册一个全局前置守卫,其语法为…

继续阅读 Vue学习笔记—导航守卫