标签不随Vuejs2移动+;物化
我对使用materializejs+vuejs的文本输入的标签有问题 如果使用vue更改输入字段的值,则标签不会向上移动(如果手动更改输入,则其行为正确) 一个简单(不优雅)的代码,显示(也打开):标签不随Vuejs2移动+;物化,vuejs2,materialize,Vuejs2,Materialize,我对使用materializejs+vuejs的文本输入的标签有问题 如果使用vue更改输入字段的值,则标签不会向上移动(如果手动更改输入,则其行为正确) 一个简单(不优雅)的代码,显示(也打开): 通过手动编辑字段来更正预期行为 单击最后一个div(从空字段开始)行为不正确:它在不移动标签的情况下更改输入值 html <div id=app> <div class="input-field "> <input type="text" v-mode
- 通过手动编辑字段来更正预期行为
- 单击最后一个div(从空字段开始)行为不正确:它在不移动标签的情况下更改输入值
<div id=app>
<div class="input-field ">
<input type="text" v-model="value" id="field">
<label for="field">Field</label>
</div>
<div @click="value='newValue'">
clickOnMe
</div>
</div>
看,似乎有一个补丁函数需要应用
方法:{
点击我(){
this.value='newValue';
$(文档).ready(函数(){
Materialize.updateTextFields();
});
}
}
谢谢active
类不起作用(链接中的第一个建议),但是updateextfield
技巧很好地工作了。。。然而,我希望他们能在未来版本中以更干净的方式解决这个问题!我还尝试了Vue计算机设置程序,但没有成功。感谢您提供了小提琴,这使获得有效解决方案变得非常容易。
new Vue({
el: '#app',
data: {
value: ''
}
})