相关疑难解决方法(0)

Vue.js根据v-model值更改文本输入的占位符

我需要更改通过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%;">
Run Code Online (Sandbox Code Playgroud)

这是我的VUE代码...

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

            },
            methods: {
            }
        });
Run Code Online (Sandbox Code Playgroud)

我已经将“ {{”定界符更改为“ [[”,并使用了select2包装组件。如果有人可以帮助我根据v-model =“ power”更改输入占位符的电源和输入占位符的电源,那将是很好的

jquery-select2 vue.js vue-component

3
推荐指数
1
解决办法
7009
查看次数

标签 统计

jquery-select2 ×1

vue-component ×1

vue.js ×1