The use of slots in el-tooltip

First upload the original code

<el-tooltip placement="top" content="提示">

      <el-button>Top center</el-button>

    </el-tooltip>

Effect:

 Use slot to customize content and add events, etc.

<el-tooltip placement="top">

      <div slot="content">

        <el-button @click="handleClick1">Content 1</el-button>

        <el-button @click="handleClick2">Content 2</el-button>

        </div>

      <el-button>Top center</el-button>

    </el-tooltip>

Effect:

Click event:

handleClick1(){

      alert('I am the click event of content one')

    },

Effect: 

 

Guess you like

Origin blog.csdn.net/weixin_42611825/article/details/125364069