as shown in the figure, I give el-form a return submission to execute a method, and @ keyup.enter.native is written on el-form. I"ve used element-ui before. It"s written on el-form. I saw that people who looked up on the Internet also said @ keyup.enter.native would be fine. It doesn"t work to write here or el-input or el-button this time. Enter always refreshes the page, just like a normal form submission.
has anyone encountered it and how to solve it?
should be the refresh of the page caused by the native submit of form. Return false is to avoid executing form native submit
the W3C standard has the following provisions:
When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.
that is, when has only one input box in a form element , pressing enter in that input box should submit the form. If you want to prevent this default behavior, you can add @ submit.native.prevent to the < el-form > tag.
Previous: How to write the problem path of introducing technology package into thinkphp3.2.3
Next: How are placeholders in logback.xml replaced with real variable values?
messageBox global function in elementui is defined in vue export let messageBox = (vm) => { const h = vm.$createElement; vm.$msgbox( { title: , message: h( p , null, [ h( span , { class : ...
when it comes to the demand of comparison pit, element-ui table sorting defaults to ascending order first, and then clicking descending order. Now it is time to descend the order for the first time, and then click to ascend the order. Looking around, I c...
Vue.extend({ props: ["row", "column"], render(h) { return h("el-input", { attrs: { readonly: true, val...
as shown in the figure, the element-ui date component marks us the date of the day by default, which corresponds to the period of the system. Because we are working on a cross-border project, we now want to customize the blue today tag to the current d...
how does element-ui put the total row on the first line, as shown in the figure prototype? originally we also put it on the last line, but the boss of the meeting said that he wanted to see the summary data at first glance, and then our product though...
does anyone know how to do range control? There seems to be no such attribute and case ~ ...
for example, the table is sorted according to the date order before paging, and the date is sorted disorderly after paging, as shown in the following figure this is the first page . obviously, the date order is out of order, but it is sorted on the...
Is there any way to achieve the effect of the following figure with the vue elementUI used in ? ...
my goal is to get multiple pieces of data from a table from the database and display it in the form of a notification when opening a single page, so after getting the database data in the mounted hook function, call the Notification component with for l...
pagination paging control in the project page using eletable + ele. wants to implement a paging control that does not scroll with the page when there is a lot of data on the page and under the screen. But suspended at the bottom of the window. now us...
methods:{ applyFree(formName){ let _this = this; _this.$refs.formName.validate((valid) => { if (valid) { debugger; } else { return false; } } } -sharp-sharp ...
: ...
there is a lot of data in the drop-down, so I don t want to request all of them to be displayed. want to do a paging display function, my idea is to load ten pieces of data for the first time, and when the mouse is pulled to the last piece of data,...
In the project, many modal boxes are required to submit the form. The beginning and end of the modal box are all the same, and the middle content uses slot to insert different content. Click OK to submit the data to different interfaces. shared modal ...
ERROR in . src renderer App.vue Module build failed (from . node_modules vue-loader lib index.js): Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options. ...
choose this [ "2018-10-08T16:00:00.000Z ", "2018-11-05T16:00:00.000Z "] can you do this [ "2018-10-08 ", "2018-11-05 "] ...
how to implement https: blog.csdn.net CodingN., please give me a thought, thank you ...