button实现radiobutton功能的vue

第一次用手机来记录 第一天不能爽约。今天的主要任务是实现了radiobutton的功能,虽然不多 但也算是个小小的功能 记录一下吧。

  1. 刚开始第一部是学组件是如何使用的,主要知道的vue的父子组件之间数据传递的关系。一般默认的是单向数据绑定 即父组件向子组件传递数据 通过props进行传递。若想要子组件向父组件传递数据 要使用.sysc绑定时进行声明。还有.once声明是一次绑定 还没有用过。
  2. 构思要实现radiobutton其实就是将选中的添加一个class,将不选的都移除。这是一开始的思路,然后使用input button,为它还加入了id 和name属性 目地是使用id获得当前选中的 使用name将这一类中未选中的移除class。但觉得这种方法不够vue
  3. 就是将class的绑定使用 index==$index 使用v-for中的index来实现 这样根本不用添加移除class,直接通过判断就可以来绑定
  4. 对于数量不定的按钮 使用一个数组对象传递进去 然后v-for来实现。对于数组对象 里面要有button的值和对应数据库中的值。
  5. 对于选中的值传给父组件,就用了.sysc的双向绑定。
  6. 大体就遇到这么几个问题 先这样吧 这也算写了笔记了吧 要坚持记录自己的学习哈
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,092评论 19 139
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 13,802评论 4 129
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,474评论 0 29
  • sptarg.1用室友的睡眠和美梦作为献祭,开始了征程。 sptarg.2坐上了第二次元真空通道。 sptarg....
    李汪汪汪侠阅读 1,337评论 2 1
  • 1 前些时间看微信朋友圈,赫然发现被自认为好闺蜜的A拉黑了。愕然,然后反思:我到底哪里得罪她了? 我们从13、4岁...
    小灵珊a阅读 1,796评论 8 4

友情链接更多精彩内容