azalea/VeracrossAnalyzerDemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[+] Add search bar component

Browse Source
This commit is contained in:
Hykilpikonna
2020-04-12 12:39:46 -04:00
parent 1472bf4dbe
commit 6035136358
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/course-selection/course-selection.vue
+12 -4
View File
@@ -24,6 +24,13 @@
<el-card id="course-list" class="large right"> <el-card id="course-list" class="large right">
<div class="header">Course List</div> <div class="header">Course List</div>
<!-- Search -->
<el-input
placeholder="Search..."
prefix-icon="el-icon-search"
v-model="search">
</el-input>
<!-- Every course --> <!-- Every course -->
<div v-for="(course, index) in courseInfo" class="item"> <div v-for="(course, index) in courseInfo" class="item">
<span class="name">{{course.name}}</span> <span class="name">{{course.name}}</span>
@@ -42,11 +49,12 @@
@Component @Component
export default class CourseSelection extends Vue export default class CourseSelection extends Vue
{ {
@Prop({required: true}) app: App; @Prop({required: true}) app: App
courseInfo: CourseInfo[] = []; search: string
directory: any[] = []; courseInfo: CourseInfo[] = []
loading = true; directory: any[] = []
loading = true
created() created()
{ {