搜尋

首頁  >  問答  >  主體

Vue js:取得輸入的字串並顯示,也取得字串的長度

我想取得字串輸入並顯示它,以及字串的字元數。

需要幫助才能實現。

<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======================================

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粉785522400P粉785522400272 天前485

全部回覆(1)我來回復

  • P粉788765679

    P粉7887656792024-02-22 14:09:16

    使用 v-model 將 currentSearchInput 綁定到輸入。您根本不需要 saveInput

    
    {{currentSearchInput}} {{currentSearchInput.length}}
    
    setText() {
          this.message = this.currentSearchInput;
        },
    

    您的程式碼有 currentSearchInputcurrentUserInput。打字錯誤?

    回覆
    0
  • 取消回覆