标签不随 Vuejs2 + Materializejs 移动

Question

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

如果我更改输入字段的值 with vue，标签不会向上移动（如果我手动更改输入，它会正常运行）

一个简单（不优雅）的代码显示（也在JSfiddle）：

• 通过手动编辑字段来纠正预期行为
• 单击最后一个 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>

Javascript

new Vue({
  el: '#app',
  data: {
    value: ''
  }
})

Answer 1

见Prefilling Text Inputs section，好像有补丁功能需要应用

<div @click="clickMe">

methods: {
  clickMe() {
    this.value = 'newValue';
    $(document).ready(function() {
        Materialize.updateTextFields();
    });     
  }
}