Explorar o código

perfect_meta2dname

ananzhusen %!s(int64=2) %!d(string=hai) anos
pai
achega
a46272c0a1
Modificáronse 1 ficheiros con 18 adicións e 2 borrados
  1. 18 2
      src/views/components/Header.vue

+ 18 - 2
src/views/components/Header.vue

@@ -211,7 +211,7 @@
         </t-dropdown-item>
       </t-dropdown-menu>
     </t-dropdown>
-    <input v-model="data.name" />
+    <input v-model="data.name" @input="inputMeta2dName" />
 
     <div style="width: 290px; flex-shrink: 0"></div>
     <t-dropdown
@@ -259,7 +259,7 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive, ref } from "vue";
+import { reactive, ref, onMounted, onUnmounted, nextTick } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { useUser } from "@/services/user";
 import { NotifyPlugin, MessagePlugin } from "tdesign-vue-next";
@@ -301,6 +301,22 @@ const data = reactive({
   name: "空白文件",
 });
 
+const inputMeta2dName = (value) => {
+  meta2d.store.data.name = data.name;
+};
+
+const initMeta2dName = () => {
+  data.name = meta2d.store.data.name;
+};
+
+nextTick(() => {
+  meta2d.on("opened", initMeta2dName);
+});
+
+onUnmounted(() => {
+  meta2d.off("opened", initMeta2dName);
+});
+
 function login() {
   //TODO 临时地址
   return `https://account.le5le.com/?cb=${encodeURIComponent(location.href)}`;