Element-ui slot-scope= "scope" ergodic problem

1. I now have a problem, such as making a Popover pop-up box
when the text is too long.
because I can"t render
because I use v-for
to render
slot-scope= "scope" in the way I imagined.

clipboard.png


https://jsfiddle.net/tcu2x38y/5/

clipboard.png
I want the rendered date to correspond to the date format name
the data structure can be modified

      <template slot-scope="scope">
        <el-popover trigger="hover" placement="top">
          

: {{ scope.row.name }}

: {{ scope.row.address }}

<div slot="reference" class="name-wrapper"> <el-tag size="medium">{{ scope.row[ibs.key] }}</el-tag> </div> </el-popover> </template>

now how to make the name pop up only popover? the date doesn"t have to pop up. What should I do?

Nov.29,2021

add your own key and that's it
https://jsfiddle.net/63180768.

.
  https://jsfiddle.net/tcu2x38y/3/
to see if it meets your needs

. It's not as fast as upstairs.

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-1bf3cc3-31ec9.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-1bf3cc3-31ec9.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?