Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/tfs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
标签不随Vuejs2移动+;物化_Vuejs2_Materialize - Fatal编程技术网

标签不随Vuejs2移动+;物化

标签不随Vuejs2移动+;物化,vuejs2,materialize,Vuejs2,Materialize,我对使用materializejs+vuejs的文本输入的标签有问题 如果使用vue更改输入字段的值,则标签不会向上移动(如果手动更改输入,则其行为正确) 一个简单(不优雅)的代码,显示(也打开): 通过手动编辑字段来更正预期行为 单击最后一个div(从空字段开始)行为不正确:它在不移动标签的情况下更改输入值 html <div id=app> <div class="input-field "> <input type="text" v-mode

我对使用materializejs+vuejs的文本输入的标签有问题

如果使用vue更改输入字段的值,则标签不会向上移动(如果手动更改输入,则其行为正确)

一个简单(不优雅)的代码,显示(也打开):

  • 通过手动编辑字段来更正预期行为
  • 单击最后一个div(从空字段开始)行为不正确:它在不移动标签的情况下更改输入值
html

<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: ''
  }
})