How the elementUI tree control gets the selected id?

Page

when I click OK, I will send the selected id to the background.

HTML:

<el-tree
  :data="data2"
  show-checkbox
  node-key="id"
  :default-expanded-keys="[1,4]"
  :default-checked-keys="[1,6]"
  :props="defaultProps">
</el-tree>

data:

data2: [ 
    {
        id: 1,
        label: "",
        children: [
            {
                id: 2,
                label: "",
            },                    
            {
                id: 3,
                label: "",
            },
        ]
    }, 
    {
        id: 4,
        label: "",
        children: [
            {
                id: 5,
                label: ""
            }, 
            {
                id: 6,
                label: ""
            }
        ]
    }, 
],

Html5 node.js html css javascript

Apr.01,2021

demo

this.$refs.roles.getCheckedKeys ()

Previous: How to set data values dynamically by echarts in Mini Program

Next: VUE refers to the same component repeatedly, if it does not affect each other.

Running npm run dev on nuxt will report an error as follows
...

Html5 node.js html css javascript

Feb.26,2021
How does elementUI use the filter?
if it s HTML rendering, I know how to use it, but the project needs to use the elementUI framework, and a lot of things are packaged. filters: { statusFormat: function(value) { if( value == 1){ return ; } ...

Html5 node.js html css javascript

Mar.11,2021
How does vue traverse the array?
the data given by the backend is as follows: data:[ { id:1, name:"", checked:true, children:[ { id:11, name:"", checked:true ...

Html5 node.js html css javascript

Mar.11,2021
Can echarts make such a chart? it was not found in the example.
...

Html5 node.js html css javascript

Mar.12,2021
Formdata submission, prompting newline character problem
is working on a react project recently, which involves a problem of uploading images. Use formdata, but the API returns a newline character. I ve already passed the rules. Is there any great god to take a look at it? 3. 4. I would like to than...

Html5 node.js html css javascript

Mar.14,2021
How does vue make the page refresh only once?
after each login skip to the home page, part of the js becomes invalid. To solve this problem, I refresh the code once when I enter the home page as follows: home.vue mounted:function(){ location.reload() } but now the page is always refreshing...

Html5 node.js html css javascript

Mar.14,2021
Vue uses a function for every page, but I don't want to introduce it one by one
A timestamp function is used on many pages HTML {{ scope.row.createTime|formatDate }} js import {formatDate} from @ assets js date.js filters:{ formatDate(time) { var date = new Date(time); return formatDate(date, yyy...

Html5 node.js html css javascript

Mar.15,2021
How does vue use timestamps?
1. For the timestamp method found on the Internet, I put it separately in a js export function formatDate(timestamp) { var date = new Date(timestamp * 1000); 10*1000131000 Y = date.getFullYear() + - ; M = (date.getMon...

Html5 node.js html css javascript

Mar.16,2021
How to call WeChat Pay in the H5 page embedded in APP?
one requirement is to call WeChat Pay in the h5 page of app. How to do that? what is the process? ...

Html5 node.js html css javascript

Mar.20,2021
Gaud enters the address to get longitude and latitude
at present, the longitude and latitude can only be obtained by selecting the address of the drop-down box if I do not use the drop-down box to select the address that is typed by myself, how can I get the longitude and latitude of this address ...

Html5 node.js html css javascript

Mar.22,2021
Vue shows and hides the mouse over
it was like this at first " " <div v-for="item in list" @mouseover="hover()"> {{item.icon}} {{item.text}} ...

Html5 node.js html css javascript

Mar.28,2021
The style written by react+redux to a component is only introduced separately in this component, so why do other components share the styles in this style file?
only main is introduced in homepage ...

Html5 node.js html css javascript

Jun.11,2021
How does axios set the request header separately for a request?
token is set in the global interceptor. token, (request for landing page) ...

Html5 node.js html css javascript

Aug.19,2021
React spanning tree structure table
problem description now there is a need to generate a permission table something like this. The data sent back from the backend is of a tree structure, with five layers in the deepest layer and one layer in the shallowest layer. now I use the rec...

Html5 node.js html css javascript

Dec.09,2021