NuxtJs 从 jquery 更改的输入中获取值

Question

我有一个隐藏在 nuxtjs 中的输入，并在从 url 获取查询后由 jquery 更新值，我用 jq 编写了这部分，但看起来 nuxtjs 没有读取并获取 jquery 设置的值，它在提交后已经返回 null ，但我想获得 jq 设置的值。但是如果我在输入上写它可以正常工作并返回值，但我想在页面加载时返回值而不需要用户进行任何按键操作。

NuxtJs：

<input v-model="requestObj.case" name="case" type="text" value="" id="ServiceCase"/>

data() {
    return {
        requestObj: {
            case: null,
        },
    }
}

methods: {
sendMail() { // this call when form submit
console.log(this.requestObj.case) // return null
}
}

jQuery：

我只能通过jq 更新value

$('#ServiceCase').val(s).attr('value',s).change();

输出：

<input name="case" type="text" value="Burglary" id="ServiceCase">
console: null

愿望输出：

<input name="case" type="text" value="Burglary" id="ServiceCase">
console: Burglary

Answer 1

您只需要在模型中设置初始值，而不是在 html 中。并且不要使用jquery。例如。

data() {
    return {
        requestObj: {
            case: 'Bulgaria',
        },
    }
}