1

我在表单中有一个输入字段来获取客户名称并将值绑定到模型“customer_name”。

<input placeholder="Customer name" required="required" name="customer_name" type="text" id="customer_name" class="form-control" v-model="customer_name">

如果用户提交表单，我将发出 ajax get 请求以获取匹配的客户名称并将结果存储在变量“customers”中并将结果呈现在表格视图中。

<tr v-for="customer in customers">
    <td >
        @{{ customer.firstname + " " +customer.lastname}}
    </td>
    <td >
        @{{ formatBday(customer.birthday)}}
    </td>
</tr>

这是 formatBday() 实现，

methods: {
    formatBday : function (bday) {
        console.log("function called");
        return moment(bday).format("DD.MM.YYYY");
    }
}

因此，在每次 ajax 调用之后，它都会在表格视图中显示结果。显示结果后，现在我正在尝试更改客户名称文本框中的值，并且我观察到，对于我在客户名称文本框中键入的每个字符，正在执行 formatBday() 函数。

customername 文本框和 formatBday() 函数之间没有绑定。但是在搜索之后，每当我输入/更改客户名称时，都会触发 formatBday()。

有谁知道如何阻止这个不需要的功能触发？

4

0 回答 0