本文分享了一位Vue初学者在开发调查问卷项目中的实践过程，包括项目要求、需求分析、问题展示、按钮样式和功能实现以及数据验证的详细步骤。通过将问题直接写入HTML，使用组件化处理按钮，并在父组件中进行数据验证，解决了项目中的各种挑战。在数据验证部分，作者特别提到了如何处理按钮禁用状态的细节问题。
完整代码已上传至
https://github.com/lt-zdq/vue-project/find/questionnaier
项目要求
附加功能
- 对数据校验，单选必选，多选选择两个或三个，文本输入多于10个字（原本的要求时100个），不满足这些条件时，”下一步“按钮置灰。
需求分析的过程
我也是vue的初学者，这里把自己完成项目的思路和踩过的坑分享一下。
问题展示
有思考过把问题写在js的对象中，使用v-for动态展示出来，但是有很多问题。比如问题的类型不一样，代码的逻辑会很麻烦，工作量会很大。
但是回过头来想一下，html本来就是文本描述语言，直接在html中写问题即方便又快捷，何乐而不为呢。
所以项目将问题放在html中，按钮组使用组件实现
按钮
按钮样式
首页和尾页的按钮数目和种类特殊，想过单独设置首页和尾页的按钮组件，但那样会有很多重复代码，所以使用value和total变量（value表示当前页码，total表示总页数），来
最低0.47元/天 解锁文章
3345
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
