完整代码已上传至
https://github.com/lt-zdq/vue-project/find/questionnaier
项目要求
附加功能
- 对数据校验,单选必选,多选选择两个或三个,文本输入多于10个字(原本的要求时100个),不满足这些条件时,”下一步“按钮置灰。
需求分析的过程
我也是vue的初学者,这里把自己完成项目的思路和踩过的坑分享一下。
问题展示
有思考过把问题写在js的对象中,使用v-for动态展示出来,但是有很多问题。比如问题的类型不一样,代码的逻辑会很麻烦,工作量会很大。
但是回过头来想一下,html本来就是文本描述语言,直接在html中写问题即方便又快捷,何乐而不为呢。
所以项目将问题放在html中,按钮组使用组件实现
按钮
按钮样式
首页和尾页的按钮数目和种类特殊,想过单独设置首页和尾页的按钮组件,但那样会有很多重复代码,所以使用value和total变量(value表示当前页码,total表示总页数),来