你的当前位置: vue自定义指令

F

vue自定义指令

  • 发布时间: 2019-05-22 17:31:08

VUE自定义指令

            1.先在mian.js里面定义一个指令

                    1558530920127991.png


            2. 在组件中添加你定义的指令

                    1558530973987698.png


            3. 然后在mian.js里面写一个钩子   

                    QX[@WK@$ECDXI%PLQTN}JWN (1).png

                    bind 钩子是当绑定元素时,要发生什么事情。(其他钩子,在底部介绍

                    第一个参数是:当前元素。可直接操作DOM。

                    第二个参数是:一个对象,里面有一些属性,可以接收你传过来的参数。

                    第三个参数是:vue编译的虚拟DOM。

                    第四个参数是:上一个虚拟节点。只有在updata和componentUpdate钩子里面使用


            4. 在组件里面传入你要传的参数。

                    1558531611833446.png


            5.页面就显示了。

                1558531754574113.png



            


             自定义指令里都有什么钩子

                        bind : 绑定到元素时触发。

                        inserted : 一旦元素被添加到父元素时触发。

                        update : 每当元素本身更新(但是子元素还未更新)时触发。

                        componentUpdate : 指令所在组件的 VNode 及其子 VNode 全部更新后调用。

                        update : 元素移出时触发。



                
















留言
0/360
加载更多…

备案/许可证编号: 豫ICP备18034271号