使用Catberry Framework构建唯一组件id的最佳实践是什么?
What's the best practice building unique component IDs using Catberry Framework?
Catberry对组件有一个要求——所有组件的id必须是唯一的。
当你有一个复杂的嵌套组件层次结构时,构建唯一id的最佳实践是什么?
为嵌套组件构建唯一标识符的推荐方法是:
<parent-component-id>:<child-component-name>:<entity-id>.
entity-id
是可选的,在您有一个项目列表或类似的情况下使用。
使用this.$context.attributes.id
可以很容易地获得render
方法中组件的ID。
例如,您有一个呈现项目列表的组件。其名称为cat-list
, ID为some-list
。然后名称为cat-list-item
的嵌套组件的id为:
some-list:list-item:1
some-list:list-item:2
some-list:list-item:3
...
some-list:list-item:N
如果你有更多嵌套组件,如cat-author
为每个项目,那么他们有id:
some-list:list-item:1:author
some-list:list-item:2:author
...
some-list:list-item:N:author
所以,如果你使用这个规则,你将有唯一的标识符在页面上的所有组件
相关文章:
- 将jQuery.ech()方法转换为本地JavaScript抽象的最佳方法是什么
- 处理浮点错误的最佳方法是什么
- javascript导入的最佳实践是什么
- 在ng重复循环中显示条件内容的最佳方式是什么
- 实现比较方法的最佳实践是什么;s的比较类型是在运行时选择的
- 以编程方式填充组合框道场 (1.8) 的最佳方法是什么?
- 在node.js中编写单元测试的最佳方式是什么
- 使用AJAX在Rails中提交动态表单的最佳方式是什么
- 使用Angular存储用户以前是否选中过复选框,然后再调用它的最佳方式是什么
- 列出没有 mysql 的元素的最佳方法是什么
- 在AngularJS中使用多个主题的最佳方式是什么
- 存储数据的最佳方式是什么,以便与jquery一起使用
- 在企业应用程序框架中包含js/css文件的最佳实践是什么
- 在d3.json中使用d3.csv组合多个csv文件数据输入的最佳方法是什么
- 用JavaScript随机给网页上的每个字母上色的最佳方式是什么
- 如果我返回表,检查 Ajax 调用是否为 200 OK的最佳方法是什么
- JavaScript - 创建可链接函数时的最佳方法是什么
- 在上下文菜单项单击上显示侧边栏/弹出窗口的最佳方法是什么
- 将JavaScript检测与MVC4显示模式集成的最佳方式是什么
- addEvent()传奇事件之后的当前最佳实践是什么