Question

在我们的应用程序中，我们在代码中进行了验证。在``编辑''部分中，如何检查代码是否已存在？当我尝试这个

编辑Vue

<label>Code</label>
<input type="text" class="form-control" name="edit_code" @keyup="checkCOACode"  v-model="coa_code" v-bind:value="chart_of_account_edit.code">

我遇到此错误

与同一元素上的v-model冲突，因为后者已经在内部扩展为绑定值

EDIT VUE

 props: {
            chart_of_account_edit: '',
        },
checkCOACode(e) {
                e.preventDefault();
                var code = this.coa_code;
                const coa = this.$refs.coaCode
                const coaCode = coa.dataset.table
                alert(coaCode);
                return false;
                axios.post("/checkIfCodeExists", {code:code,table:table})
                    .then((response)  =>  {
                        var code_checker = '';
                        if (response.data == 0) {
                            $('.edit-chart-of-account-finish').removeAttr('disabled','disabled');
                            // code_checker    =   'wala pang ganitong code';
                        }else{
                            $('.edit-chart-of-account-finish').attr('disabled','disabled');
                            code_checker    =   'Code is already exist';
                        }
                        this.coa_checker_result = code_checker;
                    });
            },

问题：如何在“编辑部件”的代码中获取输入值？

Answer 1

尝试一下。

<input type="text" class="form-control" name="edit_code" @input="checkCOACode"  v-model="coa_code" v-bind:value="chart_of_account_edit.code">

编辑

<label>Code</label>
<input type="text" class="form-control" name="edit_code" @keyup="checkCOACode"  v-model="coa_code" v-model:value="chart_of_account_edit.code">

Answer 2

基于所得到的错误，不能在同一元素中包含v-model和v-bind:value。试试：

<label>Code</label>
<input type="text" class="form-control" name="edit_code" @keyup="checkCOACode"  v-model="coa_code">

Laravel 5：如何在edit vue js

2 个答案: