我想取得字串輸入並顯示它,以及字串的字元數。
需要幫助才能實現。
<section id="app"> <h2>Learn Vue Works</h2> <input type="text" @input="saveInput"> <button @click="setText">Set Text</button> <br> <p>{{ qry }} {{ message }}</p>
====app.js====================================== p>
const app = Vue.createApp({ data() { return { message: 'Vue is great!', qry: 'Query String : ', currentSearchInput: '', }; }, methods: { setText() { this.message = this.currentUserInput; }, saveInput(event) { this.currentUserInput = event.target.value; }, }, }); app.mount('#app');提前致謝。 ###
P粉7887656792024-02-22 14:09:16
使用 v-model 將 currentSearchInput
綁定到輸入。您根本不需要 saveInput
。
{{currentSearchInput}} {{currentSearchInput.length}}
setText() { this.message = this.currentSearchInput; },
您的程式碼有 currentSearchInput
和 currentUserInput
。打字錯誤?