Cpage.js给组件绑定事件
2017-08-30 23:10
183 查看
Cpage.js不仅可以给普通元素绑定事件,也可以给组件绑定事件!
首先,我们可以定义一个组件header
之后,在需要使用的地方引用他
在组件上可以使用c-事件 的方式绑定事件
首先,我们可以定义一个组件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给组件绑定事件的实现代码
- 浅谈Vue.js 组件中的v-on绑定自定义事件理解
- ViewPager,子页面组件绑定OnClick事件,使用DepthPageTransformer动画,事件失效、混乱
- Vue.js 组件中的v-on绑定自定义事件理解
- Cpage.js组件之间事件传播
- vue.js通过子组件通信和父子组件通信实现动态表单动态绑定事件(适合交互系统统一使用)
- JS同时绑定单双击事件
- Js循环绑定事件处理
- js事件绑定/监听
- 利用事件委托解决js元素添加后未响应绑定事件问题
- 笔记-[6]-js中事件绑定方法的总结
- Chrome扩展页面动态绑定JS事件提示错误
- js的一个有意思的小题,闭包解决getElementByTagName的for循环绑定事件错误问题
- 【js学习之路】事件绑定函数中,将this换成调用对象导致的问题
- js几个简单的工具类函数 事件绑定处理、加载数据字典下拉框、重新加载下拉框、参数处理
- 在cocos2d-js实现自动绑定cocostudioUI控件与事件(二)
- jqueryEasyUI:tabs扩展:给tabs组件绑定双击事件
- TextInput组件(绑定事件)
- js事件绑定的第二种形式