码迷,mamicode.com
首页 > 其他好文 > 详细

vue 自定义指令directive

时间:2017-07-11 17:44:39      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:字符   event   dir   scrollto   order   自定义   document   ==   lis   

 

 

            //自定义指令:directive 的传参——可以数据也可以是字符串
            Vue.directive(‘scroll‘, function (binding) {
                window.addEventListener(‘scroll‘, function () {
                    if (document.body.scrollTop + window.innerHeight >= document.body.clientHeight-20) {
                        var fnc = binding;
                        fnc();
                    }
                })
            });  

 

调用自定义指令:v-scroll="fn()"

<article class="library_list"  v-scroll="getMore">
        <a href="article_read.jsp?id={{value.id}}" target="_blank" v-for="value in myData.data">
            <dl class="border_bottom1_gray">
                <dt class="pic_box"><img :src="value.imgUrl" /></dt>
                <dd>
                    <p class="library_txt" v-cloak>{{value.title}}</p>
                    <p class="library_label"><span class="library_label_l " v-cloak>{{value.author}}&nbsp;&nbsp;{{value.ctime}}</span><span class="library_label_r" v-cloak>浏览量:{{value.pageView}}</span></p>
                </dd>
            </dl>
        </a>
        
        <!--<p class="nodata_hint" v-show="myData.length==0">暂无数据……</p>-->
        
    </article>

 

vue 自定义指令directive

标签:字符   event   dir   scrollto   order   自定义   document   ==   lis   

原文地址:http://www.cnblogs.com/LChenglong/p/7151392.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!