首页 > 代码库 > vue 自定义指令directive
vue 自定义指令directive
//自定义指令: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}} {{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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。