时间:2021-05-28
Cpage.js是一款轻量级的Mvvm框架,使用TypeScript(JavaScript的超集)开发。
内置模板引擎,路由,指令,http,dom等模块。可以方便地进行组件化开发,语法统一、易用,不依赖于第三方框架,适合中小项目开发。
Cpage.js不仅可以给普通元素绑定事件,也可以给组件绑定事件!
首先,我们可以定义一个组件header
var header = Cpage.component({ name: 'header', components: [], template: `<div>{{header}}--{{height}}</div>`, data: { header: 'this is header' }, props: { height: { default: '10' } }, beforeRender() { }, render() { }});之后,在需要使用的地方引用他
<div> <div class="main" c-click="handelIf()">my app--templateId</div> <div c-if="{{ifTest}}"> <article></article> </div> <header height="{{headerHeight}}" c-click="headerClick()" ></header> <article></article> <footer></footer> </div>在组件上可以使用c-事件 的方式绑定事件
总结
以上所述是小编给大家介绍的Cpage.js给组件绑定事件的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
组件绑定事件时1.普通组件绑定事件不能添加.native,添加后事件失效2.自定义组件绑定事件需要添加.native,否则事件无效//普通组件不能添加.nati
微信小程序向左滑动删除功能的实现实现效果图:实现代码:1、wxmltouch-item元素绑定了bindtouchstart、bindtouchmove事件{{
方法一:利用javascript的onfocus事件,实现如下:Html代码复制代码代码如下:设计蜂巢如果引入了jQuery框架则可以利用它的事件绑定机制:Js
子组件向父组件通信子组件的button按钮绑定点击事件,事件方法名为sendToParent(),该方法在子组件的methods中声明,实现功能this.$em
本文实例讲述了js事件机制----捕获与冒泡机制。分享给大家供大家参考,具体如下:先从事件绑定机制说起,事件绑定机制通过绑定方法addEventListener