![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
文章平均质量分 54
webshitian
这个作者很懒,什么都没留下…
展开
-
解决Error: unknown format “email“ ignored in schema at path “#/properties/name“
在学习Vue3.0+TS打造企业级组件库 前端中高级开发者必修课这个教程的时候,很多人如果跟着教程走,学到3-3 json-schema的format和自定义format这个章节的时候,会发现你如果跟着教程添加format,然后声明format为email类型const Ajv = require('ajv')const addFormats = require('ajv-formats')const ajv = new Ajv()addFormats(ajv)const schema = {原创 2022-03-20 11:52:37 · 1458 阅读 · 0 评论 -
Method filters has type object in the component definition. Did you reference the function corre
//设置一个返回来的状态过滤器 methods: { filters:{ //设备状态过滤方法 filterDeviceStatus(val) { if(val == '0'){ return '未生效' }else if(val == '1'){ return '已生效' }else if(val == '-1'){ return '通信异常' .原创 2020-05-18 23:56:31 · 6671 阅读 · 0 评论 -
vue.js 实现tab栏切换
看一下常见的tab栏切换的场景:根据上面的例子分析tab栏主要结构:首先有三个按钮,当前选中的按钮有样式。比如一个为选中的,那么第一个为高亮状态。三个按钮分别为图片,专栏,热点每当你点击的时候,下面的tab栏会有对应的内容切换。当你点击图片,图片的按钮有高亮的状态,下面的内容会显示图片的内容,当你点击专栏,专栏的按钮会有高亮的状态,下面会显示专栏的内容。当你点击热点,热点的按钮会...原创 2019-10-20 14:38:58 · 5222 阅读 · 1 评论 -
vue.js 双向数据绑定原理
这个双向数据绑定的原理我们分两个场景来分析:1.运用普通的Input场景<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...原创 2019-10-05 20:09:57 · 297 阅读 · 0 评论 -
vue.js 组件传值-子组件向父组件传值
在讲子组件向父组件传值的之前,我们先看一下父组件把方法传递给子组件例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...原创 2019-10-04 12:46:55 · 238 阅读 · 0 评论 -
vue.js data上的数据和props上的数据的区别:
这篇文章主要是解释上一篇文章 组件传值之父组件向子组件传值中props数据的一些特点。组件传值之父组件向子组件传值的例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de...原创 2019-09-28 01:15:16 · 1039 阅读 · 1 评论 -
vue.js组件传值之父组件向子组件传值
新建一个根实例:我们在这里可以称实例Vue为父组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...原创 2019-09-25 20:46:08 · 162 阅读 · 0 评论 -
method definition shorthands are not supported by current JavaScript version 解决方法
当你在Vue中使用methods方法时,会出现这行报错:method definition shorthands are not supported by current JavaScript version如下图所示:method definition shorthands are not supported by current JavaScript version解决方法:报错的...原创 2019-06-12 03:09:28 · 2096 阅读 · 0 评论 -
Vue v-if与v-show的区别
我们使用v-if实例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-if,v-show,v-for 指令</title> <script src="vue.js"></script>...原创 2019-06-11 20:48:44 · 264 阅读 · 0 评论 -
Vue 过渡动画
1.vue动画的理解操作css的trasition或animationvue会给目标元素添加/移动特定的class2.基本过渡动画的编码(1).在目标元素外包裹(2).定义class样式* 指定过渡样式:transition* 指定隐藏时的样式:opacity/其他3.过渡的类名xxx-enter-active:指定显示的transitionxxx-leave-active:指...原创 2019-06-13 01:12:26 · 118 阅读 · 0 评论