- Vue.js 2 Web Development Projects
- Guillaume Chau
- 72字
- 2021-07-02 22:34:29
The note toolbar with extras inside
Some features are still missing from our app, such as deleting or renaming the selected note. We will add these in a new toolbar, just above the note text editor. Go ahead and create a new p element with the toolbar class ;inside the main section:
<!-- Main pane --> <section class="main"> <p class="toolbar"> <!-- Our toolbar is here! --> </p> <textarea v-model="selectedNote.content"></textarea> </p>
We will add three new features in this toolbar:
- Renaming the note
- Deleting the note
- Marking the note as favorite
推薦閱讀
- .NET之美:.NET關鍵技術深入解析
- Visual Basic程序設計教程
- 小程序開發原理與實戰
- Elasticsearch for Hadoop
- Python完全自學教程
- Android開發:從0到1 (清華開發者書庫)
- 區塊鏈技術與應用
- SpringBoot從零開始學(視頻教學版)
- 從Excel到Python數據分析:Pandas、xlwings、openpyxl、Matplotlib的交互與應用
- Responsive Web Design with jQuery
- 測試工程師Python開發實戰
- Thymeleaf 3完全手冊
- SAP HANA Starter
- Office VBA開發經典:中級進階卷
- Advanced C++