表重新加载每次我添加另一个列值3

Question

我提交了一条新消息，它在表中呈现，但整个表重新加载，从而产生闪烁效果。当我决定使用一个表时，当我创建动态div时，我没有这个问题。

提交方法——

const submit = async () => {
try {
if (!(message.value.length >= 10)) {
alert('The message has to be at least 10 characters')
} else {
const d: Date = new Date();
await api.createBlog("test#1234#" + d.getMilliseconds(), message.value).then(
posts
)
}
} catch (error) {
console.log('Error while submitting:', error)
}
}

按钮——

<button type="submit" @click="submit" class="inline-flex justify-center p-2 text-blue-600 rounded-full cursor-pointer hover:bg-blue-100 dark:text-blue-500 dark:hover:bg-gray-600">
<span class="sr-only">message</span>
</button>

我想要的是一个新的行创建填充没有闪烁/重载效果。

建议吗?

Answer 1

如果您不指定按钮类型，浏览器将自动设置为"reset"或"submit"会导致页面重新加载。

说明type="submit"可能是罪魁祸首。

所以，你可以尝试用type="button"代替type="submit"。