Tooltip text prompt in element-ui component: How to write content as a variable in el-tooltip

<el-tooltip content="Top center" placement="top">
  <el-button>Dark</el-button>
</el-tooltip>

The effect of this is:

It can be seen that content is the prompt content. If it is a text prompt, it can be written directly in the content.

content is a variable that should be written in the following way:

 <el-tooltip effect="dark" placement="top">
    <div slot="content">{
   
   { `${scope.row.associationID}` }}</div>
    <div class="association-nowrap">{
   
   { scope.row.associationID ? `立减金：            
    ${scope.row.associationID}` : ''}}</div>
</el-tooltip>

The effect is: