最简单的vue消息提示全局组件
实现功能:自定义文本:自定义类型(默认,消息,成功,警告,危险);自定义过渡时间;使用vue-cli3.0生成项目,toast全局组件编写
时间: 2019-06-16阅读: 25标签: 组件
vue重新渲染组件(重置或者更新)
当数据通过异步操作后,对之前加载的数据进行变更后,发现数据不生效。A组件或者B组件触发数据更新,C组件数据更新了,但是C组件仍显示上一次数据。
时间: 2019-06-16阅读: 23标签: 组件
移动端底部导航固定配合vue-router实现组件切换
在我们平时练习或者实际项目中也好,我们常常遇到这么一个需求:移动端中的导航并不是在顶部也不是在底部,而是在最底部且是固定的,当我们点击该导航项时会切换到对应的组件
时间: 2019-06-13阅读: 28标签: 组件
React中Context
Context 设计目的是为了共享那些对于一个组件树而言是“全局”的数据,例如当前认证的用户、主题或首选语言。创建一个 Context 对象。当 React 渲染一个订阅了这个 Context 对象的组件
时间: 2019-06-12阅读: 27标签: 组件
React组件设计模式-Provider-Consumer
我们都知道,基于props做组件的跨层级数据传递是非常困难并且麻烦的,中间层组件要为了传递数据添加一些无用的props。而React自身早已提供了context API来解决这种问题,但是16.3.0之前官方都建议不要使用
时间: 2019-06-08阅读: 41标签: 组件
Vue的组件化
组件化是Vue的精髓,Vue就是由一个一个的组件构成的。Vue的组件化设计到的内容又非常多,当在面试时,被问到:谈一下你对Vue组件化的理解。这时候又有可能无从下手,因此在这里阐释一下个人对Vue的组件化的理解。
时间: 2019-06-08阅读: 54标签: 组件
element-ui 的隐藏滚动组件el-scrollbar
为什么要用el-scrollbar,大家都知道,模拟一个滚动不难,而且市面上有很多这样的库。我考虑的,首先项目用的框架是Vue,然后用的组件库是Element,Element官网也有很多滚动
时间: 2019-05-29阅读: 81标签: 组件
React引入Antd组件
Ant组件的安装和使用在官网都有教程,下面记录一下自己的使用。Ant组件是好用,一引入直接就有了功能组件。但问题是UI给我们的和这些组件往往不一样,比如样式颜色,多个view,button什么的
时间: 2019-05-28阅读: 63标签: 组件
React组件中的事件处理函数
在react中实现事件处理,有多种写法,那那种写法相对更优,更利于React的渲染性能呢?React组件中添加事件处理的几种方式?constructor函数中bind,使用箭头函数
时间: 2019-05-21阅读: 85标签: 组件
vue组件间通信八种方式
对于vue来说,组件之间的消息传递是非常重要的,下面是我对组件之间消息传递的各种方式的总结,总共有8种方式:props、$attrs、$root、$parent、$refs、$emit、依赖注入、Vuex。
时间: 2019-05-18阅读: 117标签: 组件
vue父组件触发事件改变子组件的值
父组件向子组件通信业务场景:现在我要在父组件点击一个回退按钮,这个回退会传进子组件中(子组件中有两步进程),子组件来处理。起初我是父组件通过props传值,但是发现只有组件第一次加载时才能传值
时间: 2019-05-07阅读: 113标签: 组件
用 Vue 编写抽象组件
看过 Vue 源码的同学可以知道,<keep-alive>、<transition>、<transition-group>等组件,组件的实现是一个对象,注意它有一个属性 abstract 为 true,表明是它一个抽象组件。下面实现一个 debounce 组件,对子组件的 click 事件进行拦截
时间: 2019-05-06阅读: 140标签: 组件
一个简单的slider滑块组件
要实现这样的效果我们有很多种方法,比如直接使用<input type=range>修改样式即可,也可用下面的这种方式修改样式。那如何以组件的形式生成一个简单的滑块呢?
时间: 2019-04-30阅读: 160标签: 组件
React高阶组件中使用React.forwardRef的技巧
之前使用React.forwardRef始终无法应用于React高阶组件中,关键点就是React.forwardRef的API中ref必须指向dom元素而不是React组件。codepen实例请划到底部。
时间: 2019-04-23阅读: 221标签: 组件
less组件库主题定制; 给项目设置常用样式common.less
一般组件库的样式编写都会为使用者设计一些主题样式更换方案,我这里根据自己对主流组件库antd和iview的研究,总结出这两类:iview引入主题样式,复写,antd通过less-loader的modifyVars注入主题变量
时间: 2019-04-21阅读: 187标签: 组件