我想获取字符串输入并显示它,以及字符串的字符数。
需要帮助才能实现。
<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');
提前致谢。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
使用 v-model 将
currentSearchInput绑定到输入。您根本不需要saveInput。{{currentSearchInput}} {{currentSearchInput.length}}setText() { this.message = this.currentSearchInput; },您的代码有
currentSearchInput和currentUserInput。打字错误?