vue

vue连续序号的实现

  • Post author:
  • Post category:vue

一、场景 使用原本的index作为视图的序号，当下一页时，会重新编号，如第一页序号是1，2，3，4，5；第二页还是1，2，3，4，5 那么当我们希望序号是连续的，也就是第二页序号变成6，7，8，9，10等等。 二、实现 原来的（不连续的序号）： <el-table-column type="index" width="50"/> 修改成（连续的序号）： <el-table-col…

继续阅读 vue连续序号的实现

vue+elementUI动态清除或修改rules表单校验

  • Post author:
  • Post category:vue

1.清除整个表单校验，假设表单用ref绑定名称为form this.$refs.form.clearValidate() 2.清除单个表单元素校验 (1)如果绑定的是对象，列如v-model=‘obj.one’,清除代码如下 this.$refs.form.clearValidate('obj.one') (2)如果绑定的不是对象，列如v-model=‘one’,清除代码如下 this.$refs…

继续阅读 vue+elementUI动态清除或修改rules表单校验

vue如何进行跨浏览器兼容性处理

  • Post author:
  • Post category:vue

让我来和你聊一聊如何让你的Vue应用在不同的浏览器和操作系统上正常运行。 首先呢，我们要知道一个事实：不同的浏览器有不同的特点和偏好，就像每个人都有独特的个性和习惯一样。你想要让你的应用在每个人的浏览器上都正常运行，就要像交朋友一样，要尊重每个浏览器的不同之处，帮助他们克服障碍，更好地与你合作。 常用的跨浏览器兼容性处理方法有下面几种： CSS reset是一种通过设置全局样式来重置所有浏览器默认…

继续阅读 vue如何进行跨浏览器兼容性处理

vue.js使用钩子函数实现动画效果

  • Post author:
  • Post category:vue

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .show{ transition:all 0.3s ease; } </style> <script sr…

继续阅读 vue.js使用钩子函数实现动画效果

vue 获取当前元素的滚动距离及距离顶部的距离

  • Post author:
  • Post category:vue

<template> <a ref="backTop" href="#top"> <van-icon name="back-top" /> </a> <template/> <script> 版权声明：本文为Huang_DW原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https…

继续阅读 vue 获取当前元素的滚动距离及距离顶部的距离

vue使用qrcode生成二维码，并在二维码下面添加文字描述

  • Post author:
  • Post category:vue

1、最终效果 2、代码 // url 二维码内容链接 size 二维码大小（高宽） qrText 底部描述文字 color 二维码颜色 const initCanvas = async (url, size, qrText,color = '#000') => { const canvas = await QRCode.toCanvas(url, { errorCorrectionLevel…

继续阅读 vue使用qrcode生成二维码，并在二维码下面添加文字描述

vue 关于axios的使用方法

  • Post author:
  • Post category:vue

axios定义： axios 前端 ajax请求工具 1. 在浏览器与nodejs可以使用 2. 可以拦截请求与相应 3. 扩展与封装自定义方法 4. 不依赖dom节点 安装 npm i axios  -S 先在vue全局中挂载 import  axios from ‘axios’ Vue.prototype.$http = axios; 使用axios进行 get请求 axios.get(url…

继续阅读 vue 关于axios的使用方法

vue点赞飘心（实测可用）

  • Post author:
  • Post category:vue

第一步：在vue项目里首先起一个叫flutter-hearts-zmt.js的js文件 /** * @ProjectName flutter-hearts-zmt * @Version 0.0.0 * @Author 李港豪 * @Update 2022-01-24 17:24 pm */ import 'jquery' !(function(t, e) { typeof exports === …

继续阅读 vue点赞飘心（实测可用）

vue项目中使用h5+

  • Post author:
  • Post category:vue

创建一个plus.js文件 let plusExtends = (fn)=>{ if(window.plus){ fn(); }else{ document.addEventListener('plusready', fn, false) } } export default plusExtends 在main.js中引入并挂在到vue原型上； import plusExtends from…

继续阅读 vue项目中使用h5+