工作实战笔记
MarvinCC
武汉纺织大学,电子商务专业的小白,喜欢前端,所以靠着一股子冲劲自学前端,喜欢敲代码,想要在想要和大佬探讨人生与技术,欢迎大佬们敲我!
展开
-
按钮样式切换
需求 描述:几个切换按钮,不同的选择,选择之后有不同的样式看,请求不同的数据。如下图所示: 技术框架 requireJs+vue 解决方案 使用vue的样式绑定(传送门),涉及到一排不同的按钮,是用v-for渲染的,所以考虑点击每个数据获取相应的index或者唯一标识。在数据项上使用三元表达式来进行判断:当获取的唯一标识或者index与当前v-for循环渲染出来的标识或index相等时,就进行样式绑定,反之则不绑定样式。 另一种方法:使用class绑定来完成需求,大致上与style绑原创 2021-07-16 12:03:08 · 410 阅读 · 0 评论 -
2021-07-16
需求 小项目中组件之间传值涉及几个方面: 父组件向子组件传值 子组件向父组件传值 子组件和子组件之间传值 技术栈 vue.js 解决方法 父组件向子组件传值 官网教程:传送门 第一步:父组件中,在标签上绑定要传入的值 parent.vue // 绑定要传递的数据:name <chilld-component :myName="name"></chilld-component> 第二步:子组件中使用props接受传递数据 child.vue // 在原创 2021-07-16 12:06:10 · 81 阅读 · 0 评论