use the vant ui component library of the likes team, and use < van-field > in the form, but it seems that the official parameter "error-message" can only be a fixed string and cannot be changed dynamically. Is there any other method or effectiveness that needs to be written by yourself? the official does not have a corresponding method
.is to put a string directly, but you can v-bind it to a variable, and the text of the variable change prompt changes.
<van-field
v-model="phone"
label=""
placeholder=""
:error-message="errorMessage"
/>and the form validation is really not built-in, which is very speechless. It is recommended that you combine async-validator to join one, and it is not difficult
. error-message can bind a string variable, remember to add a colon (: error-message= "yourText")
for example, enter an account and enter a password:
<van-row class="register-name">
<van-field
v-model="username"
clearable
label=""
icon="question"
placeholder="/"
:error-message="errorMessage.userInput"
/>
</van-row>
<van-row class="register-password">
<van-field
v-model="password"
type="password"
label=""
placeholder=""
:error-message="errorMessage.pwdInput"
/>
</van-row>definition errorMessage: in data
errorMessage: { userInput:"", pwdInput:"", zipCode:"" }, Ps: I store all the information that needs a red prompt in an errorMessage object, which is convenient to change and add code.
is easy to use!
this.errorMessage.pwdInput = "password error" page response displays the prompt;
if you want to turn off the prompt, it's even easier.
Direct this.errorMessage.pwdInput = " assignment is empty.
for final verification, if I write too much, I will sum up a set of general regular sum verification methods, and encapsulate it by myself. Every time I use it, I will directly import . How happy I am! 2333
can your v-model be used?
van-card build has no way to v-for? Use the direct error report?
< van-field VMI model = "mobile" name= "mobile" placeholder= "Mobile": rules= "[{required: true, message: 'Please fill in Mobile phone'}, {pattern, message: 'Mobile number is not in the correct format'}]" / >
data: {pattern: / ^ 1d {10} /}
currently the loading component is used directly through axios s interceptor, showing when sending the request and hiding when the response comes back but for example, if there are multiple requests, the loading is hidden when the first request is re...
vuescript JS, mounted js script js ,, so, to fix this BUG, you must make sure that the external js is loaded, but I don t know how to make sure that the JS is loaded. May I ask the gods how to do this? ...
[root@VM_11_154_centos ffn]-sharp npm run build > ffn@1.1.0 build usr local src ffn > nuxt build nuxt:build Building... +0ms nuxt:build App root: usr local src ffn +0ms nuxt:build Generating usr local src ffn .nuxt files... +0ms nuxt:b...
I loaded this listener in the created hook of the vue component: ($electron points to require ( electron ), which is a function of the vue-electron package) created () { this.$electron.remote.getCurrentWindow.on( close , (e) => { e...
Vue application, IE browser (8Murray 11) can not be opened, other browsers are normal. When IE is opened, it is blank. The error is as follows: harmony default export _ webpack_exports__ [ "a "] = (function (instance, eventList) { const ev = e...
in the study of the vuex project, I found someone else s code from github. Can the "callback (_ products) " here be used in this way? I don t understand this way of writing . ** * * var _products = [ {"id": 1, "title": &qu...
is this format. Doesn t an array subscript correspond to a value? how can it correspond to three values? the data on my side are spliced like this. There is no way of thinking below . here is my splicing code const Str = [] for (let j = 0; j <...
A front-end dog, use vue+express to do a blog, and then rent a minimum configuration Tencent Cloud (centos system) I want to deploy vue and express projects on the cloud. At present, I only know how to install node and nginx environment first, but where...
prompts the following error after executing npm run serve : (node:16128) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 upgrade listeners added. Use emitter.setMaxListeners() to increase limit I didn t have this promp...
instance code: parent component: <div class="parent"> < div> <script> data(){ return{ id:this.$route.query.id } } < script> Sub-component: <div class= children > <...
vue routing error vue-router error related codes [Vue warn]: Error in render: "InternalError: too much recursion" found in ---> <RouterLink> <ElTooltip> <VHead> at src components common Header.vue...
nuxt frame routes are automatically generated. and my jumps are written like this <nuxt-link :to="{name: ,query:{ id:item.detailId }}"> <img :src="item.img"> {{ item.dis}} {{ item.time }} < nuxt-link&...
recently, we are going to do buried sites and data statistics in the project. projects are developed using Vue. At present, the main data obtained by are pv, uv, and events. has never done such a business before. excuse me, how to do burying points...
the problem is to click the annotation on the layer and pop up the popup, that is, the Overlay layer. How can I tell that I am currently clicking on the pop-up layer, not the vector layer or something else. checked the api on the official website and ...