Блог

Главная - Вопросы по программированию - Как извлечь значение текстового поля (V-Model)?

Как извлечь значение текстового поля (V-Model)?

#javascript #html #vue.js

#javascript #HTML #vue.js

Вопрос:

https://codepen.io/Maximusssssu/pen/KKzLzxg

 <td><input class="input" v-model="user.name" /></td>

Если вы нажмете на ссылку выше, возможно ли извлечь определенное текстовое значение (например, a, b, c) в текстовом поле с помощью .getElementById или другим способом? Это очень странное текстовое поле ввода.

Комментарии:

1. Возможно, вы захотите включить тег и добавить в свое описание, которое вы используете Vue.js (это единственный фреймворк, который я знаю, который использует v-model атрибут), чтобы получить лучшую обратную связь.

2. Ах да. Можете ли вы показать мне демонстрацию codepen? Спасибо за внимание

3. Входное значение будет привязано к user.name

4. можете показать мне демонстрацию, пожалуйста, спасибо?

5. просто используйте мой существующий код и обновите его

Ответ №1:

У вас есть доступ к входному значению в качестве входных данных и user.name двусторонняя привязка через v-model :

 new Vue({
  el: "#app",
  data: {
    user: {
      name: ""
    }
  }
})  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <input v-model="user.name" /> {{ user.name }}
</div>

Комментарии:

1. Спасибо за ответ. Однако у меня другой запрос. ОК. Например, я хочу извлечь входное текстовое значение второй строки. Возможно ли это сделать простым нажатием кнопки html?

2. Данные существуют для того, чтобы делать с ними то, что вы хотите, вам нужно быть более конкретным.