vue3 使用 el-popover实现换行

vue3 使用 el-popover实现换行

在<template #default>中填写内容

		<!-- 经纬度地图拾取 -->
		<el-popover placement="top-start" :title="$t('message.dataSearch.lonLatPick')" :width="400" trigger="hover">
			<template #default>
				<!-- 1. 点击按钮开启方搜模式；再次点击按钮取消选取 -->
				<p>{{ $t('message.dataSearch.tipOne') }}</p>
				<!-- 2. 地图中框选范围后可自动带入检索信息 -->
				<p>{{ $t('message.dataSearch.tipRwo') }}</p>
			</template>
			<template #reference>
				<div class="icon" v-if="filter.icon" @click="onclickSearch(!onSquareSearchActive)" :class="{ active: onSquareSearchActive }">
					<img src="/@/assets/images/map/tool/square.png" alt="" />
				</div>
			</template>
		</el-popover>