【微信公众号H5】 H5授权分享(vue框架) (解决安卓注册config正常 则ios注册config 签名错误问题)

  • Post author:
  • Post category:vue

公众号 网页授权 官方文档 调用授权地址的设置 页面内直接跳转微信授权链接 window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxbbc27d6e2a2b7be9&redirect_uri="+ urlcode+"&response_type=code&scop…

继续阅读 【微信公众号H5】 H5授权分享(vue框架) (解决安卓注册config正常 则ios注册config 签名错误问题)

通俗易懂的Vue异步更新策略及 nextTick 原理

  • Post author:
  • Post category:vue

最近在学习一些底层方面的知识。所以想做个系列尝试去聊聊这些比较复杂又很重要的知识点。学习就好比是座大山,只有自己去登山,才能看到不一样的风景,体会更加深刻。今天我们就来聊聊Vue中比较重要的异步更新策略及 nextTick 原理。 在聊话题之前我们可以看下下面这道面试题: setTimeout(() => { console.log('真的在300ms后打印吗?') }, 300) 复制代码…

继续阅读 通俗易懂的Vue异步更新策略及 nextTick 原理

Vue 文字超出行数后,显示省略号,并且尾部拼接 展开与收起功能

  • Post author:
  • Post category:vue

Vue 文字超出行数后,显示省略号,并且尾部拼接 展开与收起功能 样式什么的,我就简单写写,大家自己拼凑,主要看函数方法 <template> <div> <div v-for="(item, index) in contentData" :key="index"> <div class="text"> <span class="theme"&…

继续阅读 Vue 文字超出行数后,显示省略号,并且尾部拼接 展开与收起功能

Vue 简单数据筛选

  • Post author:
  • Post category:vue

给大家分享一个简单的用vue实现数据筛选的代码,因为我下载了vue.js所以我是内联的,没有下载的同学可以去下载一下 vue 官网 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> &l…

继续阅读 Vue 简单数据筛选

vue之神奇的动态按钮

  • Post author:
  • Post category:vue

今天我们将利用vue的条件指令来完成一个简易的动态变色功能按钮 首先我们还是要对vue进行配置. 然后我们要在html页面上搭建三个简易的按钮,颜色分别为紫,绿和蓝(颜色随意)其代码如下: <body> <div id="app"> <p> <button @click="btn_click('pg1')"  :style="{background:'re…

继续阅读 vue之神奇的动态按钮

Vue—ref获取DOM元素

  • Post author:
  • Post category:vue

获取p标签元素 当获取元素或者组件的DOM时候,用ref="名称"定义,用his.$refs.名称 来调用 <p ref="getDom">{{msg}}</p> ---------------------------------------------------------------------------- new Vue({ el:'#app', data:{ m…

继续阅读 Vue—ref获取DOM元素

Vue input 限制输入正负数,小数点后保留两位

  • Post author:
  • Post category:vue

Vue input 限制输入正负数,小数点后保留两位 限制只能输入数字,英文 <input v-model="license_num" type="text" :change="check_num()" placeholder="请输入"> //限制 check_num: function(){ this.license_num = this.license_num.replace(/…

继续阅读 Vue input 限制输入正负数,小数点后保留两位

【vue】如何使用axios进行前端数据请求和封装

  • Post author:
  • Post category:vue

axios是一个基于Promise的HTTP库,可以用于浏览器和Node.js中发送数据请求。axios具有以下特点: 支持浏览器和Node.js 支持Promise API 支持拦截请求和响应 支持转换请求和响应数据 支持取消请求 支持自动转换JSON数据 支持客户端防御XSRF axios的基本用法 要使用axios,首先需要安装它: npm install axios 然后在代码中引入它: …

继续阅读 【vue】如何使用axios进行前端数据请求和封装

VUE引用和使用echarts4/echarts5的差别

  • Post author:
  • Post category:vue

原因 由于echarts5中的热力图样式和4不一样,为了少在options中修改,直接升级echarts版本,便于 使用echarts5中自带样式 。 echarts升级 卸载: npm uninstall echarts 无需声明版本 安装5.0.2版本: npm install echarts@5.0.2 这里需要声明,避免下载之前重复版本 echarts引用 echarts4 的引入是: i…

继续阅读 VUE引用和使用echarts4/echarts5的差别

基于Vue+Element Plus实现表格组件

  • Post author:
  • Post category:vue

目录 前言 分析 实现 例子 效果图 前言 表格对于管理类项目是很重要的,可以只管的展示和比比较数据。使用 Element Plus 能解决一部分问题,但是还存在一些缺点和不足。 分析 浏览器上表格数据展示空间不足。 列显示太多不够直观。 完全依赖官方表格组件代码过于臃肿不利于管理和优化。 实现 根据以上分析我们做出了如下解决方案 我们将表格组件分为两区域,操作区域和表格区域。 <templ…

继续阅读 基于Vue+Element Plus实现表格组件