diff --git a/src/views/editor/EditorDemo.vue b/src/views/editor/EditorDemo.vue
index c85e5adbe..20274be68 100644
--- a/src/views/editor/EditorDemo.vue
+++ b/src/views/editor/EditorDemo.vue
@@ -15,9 +15,9 @@
             <Editor v-model="value2" editorStyle="height: 320px">
                 <template slot="toolbar">
                     <span class="ql-formats">
-                        <button class="ql-bold"></button>
-                        <button class="ql-italic"></button>
-                        <button class="ql-underline"></button>
+                        <button class="ql-bold" v-tooltip.bottom="'Bold'"></button>
+                        <button class="ql-italic" v-tooltip.bottom="'Italic'"></button>
+                        <button class="ql-underline" v-tooltip.bottom="'Underline'"></button>
                     </span>
                 </template>
             </Editor>
diff --git a/src/views/editor/EditorDoc.vue b/src/views/editor/EditorDoc.vue
index fbd71f36c..ab9dc31a4 100644
--- a/src/views/editor/EditorDoc.vue
+++ b/src/views/editor/EditorDoc.vue
@@ -151,9 +151,9 @@ npm install quill --save
 &lt;Editor v-model="value2" editorStyle="height: 320px"&gt;
     &lt;template slot="toolbar"&gt;
     &lt;span class="ql-formats"&gt;
-        &lt;button class="ql-bold"&gt;&lt;/button&gt;
-        &lt;button class="ql-italic"&gt;&lt;/button&gt;
-        &lt;button class="ql-underline"&gt;&lt;/button&gt;
+        &lt;button class="ql-bold" v-tooltip.bottom="'Bold'"&gt;&lt;/button&gt;
+        &lt;button class="ql-italic" v-tooltip.bottom="'Italic'"&gt;&lt;/button&gt;
+        &lt;button class="ql-underline" v-tooltip.bottom="'Underline'"&gt;&lt;/button&gt;
     &lt;/span&gt;
     &lt;/template&gt;
 &lt;/Editor&gt;