vue3获取当前组件实例的 getCurrentInstance 方法 Vue3获取当前组件实例的 getCurrentInstance 方法上 ctx 生产获取不到 上面的全局方法 其实这个 ctx 就是为了便于在开发模式下通过控制台检查的，生产环境，无法获取全局上挂载的方法。不要依赖 ctx 方法去获取组件实例来完成一些主要功能，否则在项目打包后会报错。解决办法是用proxy代替ctx. 代码…
虽然报错：Cannot read property ‘xxx’ of undefined" 但是页面能渲染上数据 文章目录 虽然报错：Cannot read property 'xxx' of undefined" 但是页面能渲染上数据 1. 【Vue】虽然报错：Cannot read property 'xxx' of undefined" 但是页面能渲染上数据 1.1问题分析 1.2 问题解决…
说一下Animate.css这个动画库，很多的动画在这个库里面都定义好了，我们用的时候可以直接使用里面的类名就可以了，就是直接目标元素绑定对应的类名就可以实现动画效果，非常方便，库其实也相对简单，使用起来也简单。这里示例就以v3为例了，v2也是一样的 github： https://github.com/animate-css/animate.css 官网： https://animate.sty…
1.限制只能输入数字，且只能到小数点两位 关键代码 watch: { 'test1': { handler: function (val, oldVal) { if (val && val != '') { val = String(val) if (val.indexOf('.') != -1) { var zhengze = /^[\d]{1,10}\.[\d]{0,2}$/ …
在正式场景中我们常常碰到一个题目，就是登出页面或其他操纵的时刻，我们须要重置一切的vuex，让其变成初始状况， 那末，就触及到了多种要领： 1、页面革新： window.location.reload() 这个要领经由过程路由推断优化或是逻辑优化，一直页面时从新加载，就会致使用户体验很差，对浏览器来讲也是一种不必要的累赘， 所以我尝试以后就摒弃了。 2、写一个重置的要领然后调取 actions.r…
使用步骤 1.安装： npm install mint-ui -S 2.引入组件 // 完整引入 import Vue from 'vue'; import Mint from 'mint-ui'; import "mint-ui/lib/style.css" Vue.use(Mint); // 按需引入 注意：和Element-ui类似，按需引入时需要借助babel-plugin-compone…
1. 常用生命周期：四个阶段(创建、挂载、更新、销毁) beforeCreate(){ //在实例初始化之后,进行数据侦听和事件/侦听器的配置之前同步调用 console.log("beforeCreate") }, created(){ //在实例创建完成后被立即同步调用 console.log("created") }, beforeMount(){ // 完成模板编译,虚拟dom已经创建完成…
mixin混入 功能：可以把多个组件共用的配置提取成一个混入对象 根据它的功能我们可以看出它的使用条件是多个组件都存在相同的配置的时候使用。比如，在student组件和school组件中都有methods配置项包含着一个showName函数，按照以往的写法就是在两个组件分别都写一遍，但是现在有了这个mixin配置项，我们就不要这么麻烦了，代码的复用也在这体现出来了。 mixin的使用方式 ?第一步…
实现一个短信验证来完成注册和登录的功能，首先需要申请阿里云的短信服务，这里自行申请，不再多说，直接上代码，希望能够帮助到需要的人，有什么不足之处，还希望路过的大佬指点，不胜感激。 一 ,前端部分 ， 此处布局方面不再赘述，只介绍逻辑流程。 axios({ method: 'get', //将以下的IP和端口改为自己的express服务器的ip和端口，this.phoneNum为前端请 //请求的电…