vue
kangkang_95
这个作者很懒,什么都没留下…
展开
-
vue表单验证时怎么定位到错误的地方
需求今天,突然想,不引入其它ui框架,在表单提交时,定位到错误的指定位置思路找到错误的位置定位到错误的位置找到错误的位置想到这个需求时,我用的是vue,所以拿vue做了实验我目前想到的是 v-model和ref取相同的名字例如<input v-model="test" ref="test"><button @click="submit">提交&...原创 2019-05-22 16:59:19 · 6486 阅读 · 0 评论 -
vue中使用qrcode生成二维码并设置样式去掉白边,并下载canvas生成的图像
可以达到的效果:1.生成二维码2.去掉qrcode的边框(建议留1px;否则浏览器识别有些困难);3.设置样式,例如qrcode的宽度和高度装依赖npm install qrcodeview中使用<template> <canvas id="baseCanvas"></canvas></template>script中使用i...原创 2019-05-28 16:07:25 · 8672 阅读 · 0 评论 -
vue多使用computed替代v-if,v-show
需求:根据性别,年龄展示,这个人是男是女,在上什么学。 用v-if和computed 对比 一下先来一个 v-if或者v-if的 展示办法<template> <div v-if="testData"> <!-- v-if 或者 v-show的展示方法 --> <template v-if="testData.gender &a...原创 2019-06-05 15:47:59 · 5218 阅读 · 3 评论 -
vue组件传参,调用方法的几种方式
需要源码的可以直接拉到最下面,下载主要有以下几种方式通信 1. props 2. $refs 3. $emit 4. eventBus 5. provide 和 inject 6. vuex(这个略)原创 2019-06-18 20:27:26 · 16909 阅读 · 5 评论 -
vue的mixin的实践
官方解释:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。选项合并当组件和混入对象含有同名选项时,这些选项将以恰当的方式进行“合并”。比如,数据对象在内部会进行递归合并,并在发生冲突时以组件数据优先。同名钩子函数将合并为一个数组,因此都将被...原创 2019-08-09 15:25:01 · 787 阅读 · 0 评论