Vux framework, how to get the id? selected by the check box

clipboard.png

the official document is as follows: 

<checklist title="" :options="commonList" v-model="fruitID"></checklist>
{{fruitID}}

commonList:[ "China", "Japan", "America" ]

but the actual project data will not be like this. It will definitely carry id, as follows 

commonList: 
[
    {
        id:1,
        name:""
    },
    {
        id:2,
        name:""
    }
],

in this way, I will pass the selected id to the background

The

document does not specify whether anyone has used this framework and how to get the corresponding id?.

Node.js html5 html css javascript
Mar.21,2021

export default {

data () {  
  return {  
    tag: '1',  
    commonList: 
        [
            {
                id:1,
                name:""
            },
            {
                id:2,
                name:""
            }
        ],
}

},

< checklist title= "Please select": options= "tag = item.id" VMI model = "fruitID" VMI for = "item in commonList" > < / checklist >

The example in the

document is the same as yours
clipboard.png

.

Previous: Vue's vue-resource, uses jsonp to call the interface to return an error, and the browser can get the data. Why?

Next: Pycharm terminal venv

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu