Vue нажмите две кнопки ввода один


Vue нажмите две кнопки ввода один

26.11.2020 12:06:25 Просмотров 15 Источник

Я хочу выбрать новое значение при нажатии кнопки, но не могу

<div class="col-lg-12 col-sm-6 col-4" style="margin-top:5px;">
                        <p style="margin-bottom:0rem;" > Цена</p>
  <label>
                        <input  id="PriceRangeMin" type="number" :value='text' >
                            -
                        <input id="PriceRangeMax" placeholder="до" type="number" :value='text1'> 
  </label>
                        
                        <button id="PriceRangeMin" type="submit" style="margin-left:30px;"  @click='textcon()'>Применить</button>
                    </div>

Мой сценарий

<script>



  
 

  export default {
    name: 'Applesmartphone',
    
    data () {
      return {
          
          text:[],
          text1:[]
          
        }
    },
    
      methods: {
        
        textcon(){
            
            console.log(text)
            console.log(text1)
        }




    }
    
  }

Привет, я хочу выбрать новое значение при нажатии кнопки, но не могу.

У вопроса есть решение - Посмотреть?

Ответы - Vue нажмите две кнопки ввода один / Vue click two input one button

Является ответом!
Boussadjra Brahim

26.11.2020 12:13:58

Привязка входных данных к свойствам с помощью v-модели, например :

 input  id="PriceRangeMin" type="number" v-model='text' >

затем используйте this для доступа к этим свойствам внутри метода :

    textcon(){
        
        console.log(this.text)
        console.log(this.text1)
    }
Помочь в развитии проекта:
Закрыть X