更新

src/ts/vue/ItemPrice.vue

@@ -1,14 +1,16 @@
 <template>
-  <input v-model="itemNameInput" placeholder="输入物品名(英)"/><br/>
+  <input v-model="itemNameInput" placeholder="输入物品名(英)"/>
   <select v-if="itemNameInput" v-on:select="">
     <option v-for="item in filteredItems">{{ item }}</option>
   </select>
   <p v-if="itemInfo">
-    {{ itemInfo.value }}
+    <span>估价 (缓存)：{{ itemInfo.value }}</span>
+    <span>实时市价 (API)：<button @click="onApiPricePress"/></span>
   </p>
 </template>
 
 <script lang="ts">
+import Log from "../class/Log";
 import Hello from "./Hello.vue";
 
 export default {
@@ -33,13 +35,17 @@ export default {
       }
       return out;
     }
+  },
+  methods: {
+    onApiPricePress() {
+      Log.info('test');
+    }
   }
 }
 </script>
 
 <style scoped>
-p {
-  background: red;
-  color: white;
+select {
+  padding: 0.5em;
 }
 </style>