Skip to content

Commit 16810b9

Browse files
hines-sharrodrigor789
authored andcommitted
Add to "## Basic functionality: Add tasks" (#112)
* Add to "## Basic functionality: Add tasks" As I was working through the tutorial I could not figure out why my list would not show up. I think it would be wise to make sure it is stated not to forget to set a height on the <ListView> component. * Fixed a misspelling I forgot the > add the end of my List View component.
1 parent b520cbb commit 16810b9

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

content/docs/en/getting-started/2-playground-tutorial.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -185,7 +185,7 @@ Use a `<ListView>` to show tasks below the input field.
185185
1. Configure the positioning of the elements within the grid.
186186
* Set the `<TextField>` to inhabit the first column and the first row.
187187
* Set the `<Button>` to inhabit the second column and the first row.
188-
1. Clean up sample code from the `<TextField>` and the `<ListView>`.
188+
1. Clean up sample code from the `<TextField>` and the `<ListView>` but make sure to set a height for the `<ListView>`.
189189
1. Log newly added tasks in the console.
190190
1. Add newly added tasks into the array of tasks. Use `unshift` to place new items at the top of the page.
191191
1. Clear the text field after input.
@@ -225,7 +225,7 @@ new Vue({
225225
<TextField row="0" col="0" v-model="textFieldValue" hint="Enter text..." editable="true" @returnPress="onButtonTap" /> <!-- Configures the text field and ensures that pressing Return on the keyboard produces the same result as tapping the button. -->
226226
<Button row="0" col="1" text="Add task" @tap="onButtonTap" />
227227
</GridLayout>
228-
<ListView for="todo in todos" @itemTap="onItemTap">
228+
<ListView for="todo in todos" @itemTap="onItemTap" height=""> <!-- Make sure to set a height or your list will not show -->
229229
<v-template>
230230
<Label :text="todo.name" />
231231
</v-template>
@@ -337,4 +337,4 @@ new Vue({
337337
`,
338338

339339
}).$start();
340-
```
340+
```

0 commit comments

Comments
 (0)