What is the principle of element table tables bound by attributes?

< template > 

<el-table
  :data="tableData"
  style="width: 100%">
  <el-table-column
    prop="date"
    label=""
    width="180">
  </el-table-column>
  <el-table-column
    prop="name"
    label=""
    width="180">
  </el-table-column>
  <el-table-column
    prop="address"
    label="">
  </el-table-column>
</el-table>

< / template >
like this prop and label, can you briefly explain the principle behind it? Why add a colon here? Bind directly to this-sharp-sharp-sharp problem description

the platform version of the problem and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Element-ui vue.js javascript
Jul.05,2022

the colon is not added because it is not needed, which is a reflection process.

you've got your data in the : data= "tableData" section, and then you just need to get the key name to get the value.

< hr >

add: 

//keys
requiredKeys = ["date"];  //propkey

//
OriginData.forEach(row=>{
    for(let key of requiredKeys){
        //  row[key] 
    }
})

this is a very simple Object reflection problem.

the actual framework can bind these values bidirectionally by adding double-binding elements on its own.

https://github.com/ElemeFE/el...
here makes a value

then the data update is achieved through the next few lines, renderCell.

others don't bother to watch. In my experience, listening is monitored by the table component. After all, the data is tied to table, and then table calls the renderCell of the subcomponent, and the subcomponent renders the new Dom based on the latest data

.

Previous: Spring-data-jpa is encrypted with @ ColumnTransformer annotation, but the data returned after decryption is null

Next: ElementUI table component toggleRowExpansion method suddenly reported an error?

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
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e8b6ae-1054.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e8b6ae-1054.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?