vue组件第145页

vue 日期控件下拉隐藏显示问题

现有问题现在的问题是点击第二个时间控件，前一个的弹出部分不会自动隐藏，如图所示vue组件结构大概长这样isShow控制的是红框部分的显示隐藏逻辑是这样的mounted:function(){varVM=

鹿啦啦zz·2019-08-12 10:56

ElementUI radio 小改造

博客原文ElementUI是自己比较钟爱的一套vue组件库，自己好几个项目里都在用它。一直以来这些丰富的组件，让我能快速的搞定各种后台管理页面，极大地提高了工作效率。

田较瘦·2019-08-12 00:00

vue-cli项目下引入vant组件

前言Vant是有赞前端团队基于有赞统一的规范实现的Vue组件库，提供了一整套UI基础组件和业务组件。通过Vant，可以快速搭建出风格统一的页面，提升开发效率。

一只流浪的KK·2019-08-11 17:00

01.vue组件-父组件向子组件传值

父组件向子组件传值1.效果2.代码Document登陆注册{{parentmsg}}組建newVue({el:'#app',data(){return{msg:'登陸'}},components:{'login':{template:'#log',props:['parentmsg']}}})3.知识点：3.1.如何声明一个组件？答：首先在外面写入一个标签，里面只允许有一个根元素。这个标签的id，

爬你·2019-08-08 18:00

【vue学习】生命周期

所有的Vue组件也都是Vue实例，并且接受相同的选项对象(一些根实例特有的选项除外)。每个Vue实例在被

前端菜篮子·2019-08-08 11:24

vue中8种组件通信方式, 值得收藏!

vue组件中关系说明:如上图所示,A与B、A与C、B与D、C与E组件之间是父子关系；B与C之间是兄弟关系；A与

星火卓越·2019-08-08 10:00

vue组件间函数调用

vue父子组件间函数调用//父组件//引入子组件importChildfrom'./Child'exportdefault{//注册子组件components:{Child},created(){//调用子组件中的childMethod，并且传递参数data，需要给子组件添加属性refthis.$refs.myChild.childMethod(data)},methods:{parentMeth

五行山下小妖怪·2019-08-08 10:00

Vue组件开发系列之ActionButton组件

组件源码：https://github.com/AntJavascript/widgetUI/tree/master/ActionButton演示地址：http://widget-ui.cn/ActionButton微信截图_20190807204141.png基本用法：组件结构：代码分析：props参数：props:{type:{type:String,default:()=>{return''

vue爱好者·2019-08-07 21:28

第一个Vue组件，按键

1.需求分析点击按钮的几个状态image.png注释：按钮的点击状态和loading状态和不可点击状态是可以相互切换的点击按钮-不可点击状态-loading状态-可点击状态。按下按钮需要一个反馈（出现特殊的样式）2.写代码怎么写开源的代码github初始化仓库1.创建仓库2.添加许可证明image.png一般用mit许可3.初始化仓库文件名不要用中文，npm会报错npminit4.下载vuenpm

慢跑伴昭君·2019-08-07 16:20

vue组件数据自动更新sync

首先说下父子组件传递值的问题：父页面传给子组件使用props子组件传回给父页面使用emit在以前的时候，子组件的值传回来后，父页面需要写一个事件用来赋值，做不到自动更新。（具体怎么使用组件这里就不多说了）本文就是为了解决这个麻烦的问题，效果就是，子组件封装好后，父组件只需要使用不需要做其他处理。根据上面的问题，下面写一个组件用来计数textarea输入的值的长度，有限制字数的功能(下面是基于vue

索哥来了·2019-08-07 11:15

使用Vue Baidu Map对百度地图实现输入框搜索定位

前端时间需要在页面的输入框输入地址，搜索并在百度地图上获取选定结果的坐标，前端使用了Vue+Element-ui，地图方面直接使用了封装好的百度地图vue组件-vue-baidu-map输入框使用自动完成的

weixin_30945039·2019-08-06 13:00

VUE组件中的 Drawer 抽屉实现代码

因为项目中用的是element-ui框架，而这个框架并没有抽屉组件，所以自己实现一个，具体代码如下：drawer.vue{{title}}Xexportdefault{props:{//是否打开display:{type:Boolean},//标题title:{type:String,default:'标题'},//是否显示关闭按钮closable:{type:Boolean,default:tr

similar·2019-08-06 08:53

VUE组件之 Drawer 抽屉

注：因为项目中用的是element-ui框架，而这个框架并没有抽屉组件，所以自己实现一个。一、源码地址https://github.com/imxiaoer/DrawerForVue二、效果图三、具体代码drawer.vue{{title}}Xexportdefault{props:{//是否打开display:{type:Boolean},//标题title:{type:String,defau

similar·2019-08-05 18:00

解决vue单页面修改样式无法覆盖问题

vue组件编译后，会将template中的每个元素加入[data-v-xxxx]属性来确保stylescoped仅本组件的元素而不会污染全局。

CcChan·2019-08-05 16:06

Vue组件间通信 Vuex的用法解析

上回说到Vue组件间通讯，最后留了一个彩蛋~~~Vuex。Vuex是另一种组件通讯的方法，这节来说说Vuex(store仓库)。首先Vuex需要安装，安装的方式有很多，在这里就不一一细说了。

计算机-小白·2019-08-05 08:20

vue生成canvas海报图

vue-canvas-postervue组件-简单属性画Canvas图github概述一个通过css属性画canvas图片的轻量级的vue组件(Alightweightvuecomponentsusecanvasdrawimagebycssproperties

乖摸摸头·2019-08-05 00:00

Vue组件间通信-Vuex

上回说到Vue组件间通讯，最后留了一个彩蛋~~~Vuex。Vuex是另一种组件通讯的方法，这节来说说Vuex(store仓库)。首先Vuex需要安装，安装的方式有很多，在这里就不一一细说了。

计算机-前端小白·2019-08-04 19:00

AntdSite - 一个基于React.Js的静态网站生成器

它是由GatsbyJs驱动的使用AntDesign设计构建，并且它的配置项借鉴了Vuepress由来以前我是vuepress的用户，在开发vue组件中使用它来写文档感觉非常顺手。

王wwyy·2019-08-04 00:00

可触摸滑动具有回弹效果的Vue组件使用总结

发现一个很实用的vue组件，最近做项目遇到一种常见的需要，虽说常见但是自己没有试着写过，然后去网上找了一下。

Homer_Simpson·2019-08-01 14:41

【小彬学vue系列专栏】 002 | 一颗树的惆怅

在小彬理解中EUI就是Bootstrap外面套了一层Vue的壳，这个东西也有另一个名字，Vue组件。小彬统计过，EUI共有67个组件，可见把EUI页面元素分的够细了。

Geek彬·2019-07-31 09:22

Vue组件使用入门实例及常见错误解决

定义Vue组件名的方式有两种：使用kebab-caseVue.component('my-component-name',{/*...*/})当使用kebab-case(短横线分隔命名)定义一个组件时，

Wang123net·2019-07-30 21:37

vue组件通信传值——Vuex

一、Vuex介绍Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具devtoolsextension，提供了诸如零配置的time-tavel调试、状态快照导入导出等高级调试功能。1、状态管理模式一个简单的Vue计数应用范例如下所示：newVue({//stated

休耕·2019-07-30 20:00

Vue教程(组件案例-评论列表)

前面给大家介绍了Vue的组件功能，本文我们通过一个评论列表的案例来巩固下组件的内容，具体效果如下:Vue组件案例1.基本页面我们先来整理下基础的页面如下:Documentvarvm=newVue

波波烤鸭·2019-07-30 19:35

Vue组件,动画,路由 ----Q17

三、组件组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。定义组件Vue自定义组件分为两种：全局注册和局部注册，全局组件可以在任何地方引用，局部组件只能在当前Vue实例使用。全局注册使用Vue.component(tagName,options)来定义：/*定义全局组件*/Vue.component('my-component',{templat

小山居·2019-07-30 15:53

Vue组件全局/局部注册

全局注册main.js中创建Vue.component('button-counter',{data:function(){return{count:0}},template:'Youclickedme{{count}}times.'})使用newVue({el:'#components-demo'})局部注册直接在.vue文件中使用第一种方式通过一个普通的JavaScript对象来定义组件：va

DIV狂魔·2019-07-30 11:00

教你搭建按需加载的Vue组件库(小结)

按需加载的原理按需加载，本质上是把一个组件库的不同组件拆分成不同文件，按照需要引用对应的文件，而该文件暴露一个install方法，供Vue.use使用。比如：我只想引用element库里的一个Button组件importButtonfrom'element-ui/lib/Button.js'importButtonfrom'element-ui/lib/theme-chalk/Button.css

墨工·2019-07-29 10:33

最全的Vue组件通信方式总结

1、一图认清组件关系名词父子关系：A与B、A与C、B与D、C与E兄弟关系：B与C隔代关系：A与D、A与E非直系亲属：D与E总结为三大类：父子组件之间通信兄弟组件之间通信跨级通信2、8种通信方式及使用总结props/$emit$children/$parentprovide/injectref/refseventBusVuexlocalStorage/sessionStorage$attrs与$li

JoeJoan·2019-07-28 14:00

vue2.x组件间传值及在vue子组件中操作父组件数据时生命周期的问题

此文记录下vue组件之间如何传值取值，和bug的解决方法。正文父组件给子组件传值—props实现父组件向子组件传值。

jcat_李小黑·2019-07-26 16:01

element-ui 单选-再次选中取消

可以使用v-on的修饰符.native，可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签，但对于普通的HTML标签是没作用的）htmlmethodshandleCancel(value

好菜的程序媛·2019-07-26 14:17

05-Vue组件

定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：

bignewbie·2019-07-26 14:00

Vue使用QrCode插件生成二维码

1、安装cnpmiqrcodejs2--save2、基本使用安装成功后，在package.json里面增加以下内容在相应的Vue组件中引入qrcode插件importQRCodefrom"qrcodejs2

北栀女孩儿·2019-07-26 08:00

Vue 组件封装之 Tab 切换

Vue组件封装之tab切换一、Tab切换组件二、使用案例三、API使用指南四、源代码五、总结一、Tab切换组件组件说明：实现tab切换。

杏子_1024·2019-07-25 17:27

Vue组件间通信

Vue组件传值有三种，父传子、子传父、子传子。由于Vue组件是自育方式，所以父级只能有一个。1.父传子（v-band/props）；父

计算机-前端小白·2019-07-25 15:00

Vue教程(组件-data和methods)

在上篇文章的基础上我们继续来介绍下Vue组件中的data和methods属性，这两个属性和我们介绍的Vue实例中data和methods属性很类似，使用方式也是一样的Vue的data和methods

波波烤鸭·2019-07-24 15:40

ant design vue组件内的monthPicker月份选择器如何设置value值、取值与清零

antdesignvue官方组件有些描述需要自己去反复尝试，现在遇到的monthPicker的设置value初始值，取值以及清零方法如下：初始情况下即为空状态，默认绑定到一个变量，且当前赋值为undefineddefaultValMonthOpera:undefined,此时展现的状态如下图所示：当选择后，改变了值进行重新赋值当改变月份值时，并不需要赋值到v-model绑定到变量上去只需要自行取值

骑上我心爱的小摩托·2019-07-24 14:53

Vue教程(组件-创建方式)

Vue组件 基础页面如下Documentvarvm=newVue({el:"#app",data:{},methods:{}})1.通过extend方式我们先通过最原始的方式来实现看看，首先通过Vue.extends

波波烤鸭·2019-07-24 14:34

vue组件间通信的一些实用方法（VUE2.x）

vue组件间通信的一些实用方法（VUE2.x）一、父子组件间通信常用的父子组件通信方法，一般涉及props和$emit之间的交互，也就是我们在vue常说的属性传递和事件映射，实例如下：importchildfrom

蜀城走马·2019-07-24 11:17

vuex的store机制1

1.vuex的状态存储是响应式的，当vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会得到高效的更新。

欧欧欧欧欧·2019-07-23 22:00

记一个复杂组件（Filter）的从设计到开发

此文前端框架使用rax，全篇代码暂未开源（待开源）原文链接地址：Nealyang/PersonalBlog前言貌似在面试中，你如果设计一个react/vue组件，貌似已经是司空见惯的问题了。

isNealyang·2019-07-23 00:00

ES6 模块化和 .vue组件的应用举例

关于ES6Module的语法，详情可以查看阮一峰老师的《ECMAScript6入门》里面关于Module的章节Module的语法本文主要讲下ES6模块化与.vue组件的一个应用。

ican·2019-07-23 00:00

Vue面试题

3、请说下封装vue组件的过程？4、你怎么理解vue是一个渐进式的框架？答：1.开发的时候需要什么就加什么。我们可以通过添加组件系统、客户端路由、大规模状态管理来构建一个完整的框架。

jser_Amos·2019-07-22 16:00

vue组件通信父传子：props、$attrs、$refs

组件通讯常用方法为：props，$emit，$on，$refs，$attrs，$listeners，eventbus，vuex;刚开始看好乱，感觉绕的很，总是分不清绑定的顺序；后来总结了一下，感觉容易了很多。那个组件的数据变量，方法，写在那个标签里面，若果要引用外部变量，方法，必须使用写在v-bind，或是v-on的绑定“=”后面；父组件传值给子组件props，$refs，$attrs;1.pro

牛妈代代·2019-07-22 15:09

vue组件通信

vue组件通信分为横向和纵向。

yum123·2019-07-22 10:16

Vue中使用key的作用

key的作用是为了在diff算法执行时更快的找到对应的节点，提高diff速度key具有唯一性vue中循环需加:key=“唯一标识”，唯一标识可以使item里面idindex等，因为vue组件高度复用增加

麋鹿鲁哟·2019-07-19 18:00

vue组件之间的传值——中央事件总线与跨组件之间的通信（$attrs、$listeners）

vue组件之间的通信有很多种方式，最常用到的就是父子组件之间的传值，但是当项目工程比较大的时候，就会出现兄弟组件之间的传值，跨级组件之间的传值。

可可西里的骄傲·2019-07-19 17:00

vue自定义表单生成器form-create使用详解

并且支持生成任何Vue组件。结合内置17种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。

返回主页 xaboy·2019-07-19 08:03

vue自定义表单生成器,可根据json参数动态生成表单