Problems with mint-ui Picker components

questions about mint-ui Picker components
I am now in such a business scenario, click a button and pop up a picker for the user to choose from. Picker has several options

slots: [{values: ["", "", "", "", "", ""]}]

when I want to listen for changes to the data, I get which value the user chose. When the user clicks the button for the first time, then Picker pops up. If he just wants to choose the first option, "Shenzhen", then he clicks on picker this time will not trigger the onValueChange event, I will not know that he chose the first option.
mt-picker doesn"t seem to bind v-model automatically, you need to set the value manually through the onValueChange event, but how to solve this situation now?

Vue.js javascript

Jun.22,2022

I have also encountered this problem, and I have not found a relatively simple solution yet. I am currently recording the value of value with a variable with an initial value of null in onvaluechange. When closing picker, determine if this variable is still null (that is, the onvaluechange function is not triggered), choose the first option.

if the value in slots is an object, can it be implemented

slots: [
 {
    values: [
    {value: '' , id:'2adsfa2323'},
    {value: '' , id:'2adsfa2323'}
    ]
 }
]

you can choose the first item by default at the beginning, such as

 onValuesChange(picker, values) {
            if (this.isFirstSelect === true) { //
                setTimeout(() => { //
                    picker.setValue(0, firstValue); //
                }, 10);
                this.isFirstSelect = false;
            }
        },

this problem can be solved by leaving the selected content and data source empty after being checked or unchecked.

Previous: The input box defocus event and button click event trigger bug at the same time

Next: Login.vue is referenced in the header of vue, but if you quote address again in login, you will make a mistake. Ask for advice!

I want to use Baidu's echarts in vue. Why did I introduce this library page and not show it?
just can t show it. Thank you very much for your advice. ...

Echarts vue.js javascript

Feb.26,2021
The pull-up load of the Loadmore component in Mint-UI cannot be triggered.
< H2 > now there is a strange situation, that is, when I use the Loadmore component, the pull-up load is not performed, only the drop-down refresh is performed. It only executes every time I change the location of the component, but after I refresh it, i...

Mint-ui vue.js javascript

Feb.26,2021
The elements in an array are all arrays. How do you merge all the elements in an array into one array?
like this [array [xxx], array [xxx], array [xxx].] merge all xxx in array into one array [xxx.] ...

Node.js react.js vue.js javascript

Feb.26,2021
Problems in the use of vue-waterfall
1. Scrolling loading cannot be achieved with vue-waterfall,. The first screen displays normally. Scrolling to the bottom does not send ajax, and how to modify the current page 2. The code is as follows: script created ...

Vue.js javascript

Feb.26,2021
On the question of Cannot read property 'bar' of undefined
message is an empty object, var app = new Vue({ el: -sharpapp , data: { message: {}, }, and then in <input ... v-model="message.foo"> <input ... v-model="message.foo.bar"> how do ...

Vue.js javascript

Feb.27,2021
Conversion of js characters to an array
http: www.qqbsmall.com data .; > http: www.qqbsmall.com data .; > http: www.qqbsmall.com data .; > http: www.qqbsmall.com data .; > http: www.qqbsmall.com data .; > http: www.qqbsmall.com data .; > http: www.qqbsmall.com data ....

Vue.js javascript

Feb.27,2021
On the question of webpack packaging, how to package into multiple folders, each folder has the corresponding html,js and css?
for projects created with vue-cli, the default webpack configuration is packaged into a single file. Now there is a need to package out many folders. The corresponding html,js and css in different folders have modified some configurations to be in the f...

Vue.js javascript

Feb.27,2021
Reference one vue page to another vue page
I introduced another A.vue page in a B.vue page. Now click the method in A to adjust the method in B (with a form) this is the form < el-form: model= "dialogForm.data " > of A. <el-row> <el-input type="hidden" v-mode...

Vue.js javascript

Feb.27,2021
Es6 reverse apostrophe string translation
enter a newline character in the reverse apostrophe, which is output as is. How to make the newline character work ...

Vue.js javascript

Feb.27,2021
The resLoader plug-in causes the ios9 browser web page to go blank
the resLoader plug-in causes the ios9 browser web page to go blank vue project ...

Vue.js javascript

Feb.27,2021
Vue the first button click to jump out of the countdown, the second button click to jump out of the fixed data
Vue the first button clicks to jump out of the countdown, and the second button clicks to jump out of the fixed data, but the data that pops out suddenly jumps back to the automatic countdown var app = new Vue ({ el: -sharpapp , data:{ ite...

Vue.js javascript

Feb.28,2021
Does nuxt use keep-alive, to empty data in data every time you switch pages?
each time nuxt uses keep-alive, to switch pages, it will empty the data in data, which is inconsistent with the performance of keep-alive in normal vue-cli-built projects. for example, the asynchronously acquired data I loaded in list is switched to i...

Nuxt.js react.js vue.js javascript

Feb.28,2021
How is vuex used in vue stand-alone plug-ins? How does the vuex in the plug-in merge with the global vuex?
The problem with is that I have a vue plug-in (which uses vue install exports and can use plug-ins introduced by vue.use ()), and I want to use vuex to communicate between components in this plug-in. currently there are the following problems: what I...

Vuex vue.js javascript

Feb.28,2021
How to set the root domain name by reading the configuration file for the project packaged by vue
whether a vue project can set the root domain name of the provider by reading web.config or config.json after packaging. in this way, even if the root domain name is redeployed in the background, the front end of the root domain name does not have to be...

Vue.js javascript

Feb.28,2021
Webpack separates and packages the image referenced in css,css separately. How to solve this problem?
now my project is to package css and js separately, and the directory structure after packaging is the same as before. before packing: csscssimages.. csscss.. .. : webpack.config.js csscss csscss I would like to ask all the great gods, what ...

Webpack vue.js javascript

Feb.28,2021
When using axios to submit the form, it keeps reporting 415 errors, how to solve it, online, etc.
when submitting the form, I have been reporting 415 errors and tried many ways. My own is not good, nor is my copy colleague s, but my colleague s will not report an error, exactly the same way. I don t know why. html have you ever encountered th...

Html axios vue.js javascript

Feb.28,2021
What should the vuejs, front end do if it saves a large amount of data?
upload financial bills. The front end parses nearly 300000 data when uploading files. When you click the upload button, you need to send these 300000 pieces of data to the backend. now you will report Message length exceeded maximum allowed length. w...

Vue.js javascript

Feb.28,2021
Vue mobile projects, how to determine browser incompatibility? How to deal with incompatibility?
there is a mobile project currently in testing, using vue (2.2.2) + mint-ui for development, and I don t know how to handle compatibility. What method should be used to determine whether the current environment is working properly? I just looked at t...

Vue.js javascript html5 browser-compatibility

Feb.28,2021
The keepAlive, in nuxt is used, but I find that when the page component is switched, the data will be emptied when entering the interface. Is this his bug?
nuxt 1.4 uses keepAlive, in nuxt, but I find that when the page component is switched, the data in data will be reset and emptied when entering the interface . Is this his bug? if there is a problem with the setting, how can I modify the setting? ...

Nuxt.js vue.js javascript

Feb.28,2021
Use vue to make a nine-grid lucky draw.
use vue to do a nine-grid lucky draw, which is fast at the beginning, slow down after a few laps, and can control where to stop. There is a big lucky draw button in the middle of the prize. How to write the style, ask for advice ...

Html5 css3 vue.js javascript

Feb.28,2021