Dynamic Selection Box for Route Planning
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Front-end development frameworks like Vue lack sufficient functionality for dynamically managing selection boxes, leading to user experience issues such as repeated scenic spots in routes and inability to adjust order, which affects user interaction and route generation.
Innovation Solution
A method for data display that generates an original form item with a selection control and option list, updates the list by removing selected options, and allows dynamic addition and removal of form items, ensuring no repeated values, using Vue-Cli and Element UI to encapsulate selection box components and manage option data.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Reliability
If the option list is not dynamically updated after selection, then the selection control can maintain a simple structure, but repeated scenic spots will appear in the route and user experience will deteriorate
Solution Approach 1:
The patent implements dynamic updates of the option list based on user selections. When a user selects a scenic spot, the system dynamically removes that option from the option list to prevent repeated selections. This dynamic behavior ensures route accuracy while managing complexity through programmatic control of the option list state.
Solution Approach 2:
The system provides feedback by updating the option list in response to user selections. After a user selects a scenic spot, the system detects this selection and automatically updates the option list to remove the selected option, preventing it from being selected again. This feedback mechanism ensures reliability without requiring complex manual intervention.
2Adaptability or versatility
If selection box components are not encapsulated with Vue-Cli and Element UI, then development is simpler, but functionality for dynamically managing selection boxes is insufficient
Solution Approach 1:
The patent encapsulates selection box components using Vue-Cli and Element UI frameworks, creating a universal component that can dynamically manage selection boxes with multiple functions. This encapsulated component handles option list updates, selection tracking, and form item management, providing versatile functionality while managing complexity through standardized framework patterns.
3Productivity
If form items cannot be dynamically added or removed, then the form structure remains simple, but user interaction and route generation efficiency are reduced
Solution Approach 1:
The patent implements dynamic addition and removal of form items based on user interactions. When users select scenic spots, the system dynamically adds new form items to the form structure. This dynamic capability improves route generation efficiency by allowing flexible form configuration while managing complexity through automated form item management.
Data Source
AI summary
The present disclosure provides a method for data display, a storage medium and an electronic device, relating to the field of computer technology. The method includes: generating an original form item, where the original form item includes a selection control, the selection control is associated with an option list, and the option list includes at least one option data; in response to receiving a selection operation for a first option data in the option list, displaying the first option data on a user page; removing the first option data from the option list and updating the option list; in response to receiving a selection operation for a second option data in the updated option list, displaying the second option data on the user page.