Vue.js меняет местозаполнитель ввода текста в соответствии со значением v-модели - PullRequest
Новая
       8

Vue.js меняет местозаполнитель ввода текста в соответствии со значением v-модели

0 голосов
/ 10 декабря 2018

Мне нужно изменить местозаполнитель текстового ввода через привязку данных Vue.js.Вот мой код. 

<select2 :options="power_options" v-model="power">
     <option selected value="hp">hp</option>
     <option value="kW">kW</option>
 </select2>

 <input name="power_to" type="text" 
        class="form-control pwer_change" v-model="power_from" placeholder='[[ power ]]' style="display: inline;width: 48%;">

 <input name="power_from" type="text" 
        class="form-control pwer_change" v-model="power_to" placeholder="[[ power ]]" style="display: inline;width: 48%;">

Вот мой код Vue ... 

        var vm = new Vue({
            el: '#el',
            delimiters: ["[[", "]]"],
            data: {
                power: "hp",
                power_from: null,
                power_to: null,
            },
            created: function () {

            },
            methods: {
            }
        });

Я изменил разделители "{{" на "[[" и использовал select2Компонент обертки .Было бы замечательно, если бы кто-то мог помочь мне изменить мощность и мощность входных заполнителей в соответствии с v-model = "power"

1 Ответ

0 голосов
/ 10 декабря 2018

В этом случае вы должны использовать обозначение свойства заполнителя :placeholder="[[ power ]]": 

<input
  name="power_to"
  type="text"
  class="form-control pwer_change"
  v-model="power_from"
  :placeholder="[[ power ]]"
  style="display: inline;width: 48%;"
/>
...