Vuejs 文本字段有时不可编辑，刷新后正常工作

Question

你好我的项目是 laravel 项目，它使用 ineritaljs 作为前端中间件。和绑定到 data() 函数变量的文本字段。

  <div class="form--group">
<label for="order_details_fname">Recipient’s FirstName *</label>
 <input
    id="order_details_fname"
    type="text"
    class="form--controll"
     v-model="order_data.first_name"
/>

<div class="form--group">
<label for=""
    >Recipient’s Last Name *</label>
<input
    id="order_details_lname"
    type="text"
    class="form--controll"
    v-model="order_data.last_name"/>
                                                       
 </div>

数据函数

  data() {
       
            return {
                order_data:{
                    /** */
                    first_name:null,
                    last_name:null,
              /** */
            },
          }
         },

有时字段不可编辑（就像只读字段一样）有人知道解决方案吗？

Answer 1

大家好，我刚刚发现了这个问题。它不是 vuejs 问题，而是在 npm 包 (vue-range-slider) 中。它注册全局事件以捕获输入。我还在想为什么包所有者不尝试修复它。无论如何，如果有人遇到此类问题，请检查

https://github.com/xwpongithub/vue-range-slider/issues/18

https://github.com/xwpongithub/vue-range-slider/issues/21

谢谢大家。和平

Vuejs 文本字段有时不可编辑，刷新后正常工作

Vuejs text fields sometimes not editable, after refresh it working normally

inertiajs

vue.js