feat: add hooks demo

2022-03-26 10:08:13 +08:00
parent d4a9ba3aa6
commit c43f39efef
3 changed files with 46 additions and 19 deletions
--- a/src/views/Components/Watermark.vue
+++ b/src/views/Components/Watermark.vue
@@ -20,12 +20,12 @@ onBeforeUnmount(() => {
 </script>

 <template>
-  <ContentWrap :title="t('watermarkDemo.watermark')">
+  <ContentWrap title="useWatermark">
    <ElButton type="primary" @click="setWatermark(title)">
      {{ t('watermarkDemo.createdWatermark') }}
    </ElButton>
    <ElButton type="danger" @click="clear">{{ t('watermarkDemo.clearWatermark') }}</ElButton>
-    <ElButton type="warning" @click="setWatermark(`${title}-new`)">
+    <ElButton type="warning" @click="setWatermark(`New${title}`)">
      {{ t('watermarkDemo.resetWatermark') }}
    </ElButton>
  </ContentWrap>