button实现radiobutton功能的vue
作者:
艾石溪 | 来源:发表于
2016-08-15 23:30 被阅读163次第一次用手机来记录 第一天不能爽约。今天的主要任务是实现了radiobutton的功能，虽然不多 但也算是个小小的功能 记录一下吧。
- 刚开始第一部是学组件是如何使用的，主要知道的vue的父子组件之间数据传递的关系。一般默认的是单向数据绑定 即父组件向子组件传递数据 通过props进行传递。若想要子组件向父组件传递数据 要使用.sysc绑定时进行声明。还有.once声明是一次绑定 还没有用过。
- 构思要实现radiobutton其实就是将选中的添加一个class，将不选的都移除。这是一开始的思路，然后使用input button，为它还加入了id 和name属性 目地是使用id获得当前选中的 使用name将这一类中未选中的移除class。但觉得这种方法不够vue
- 就是将class的绑定使用 index==$index 使用v-for中的index来实现 这样根本不用添加移除class，直接通过判断就可以来绑定
- 对于数量不定的按钮 使用一个数组对象传递进去 然后v-for来实现。对于数组对象 里面要有button的值和对应数据库中的值。
- 对于选中的值传给父组件，就用了.sysc的双向绑定。
- 大体就遇到这么几个问题 先这样吧 这也算写了笔记了吧 要坚持记录自己的学习哈
本文标题：button实现radiobutton功能的vue
本文链接：https://www.haomeiwen.com/subject/yaxpsttx.html
网友评论