本文主要是介绍(vue)el-popover鼠标移入提示效果,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
(vue)el-popover鼠标移入提示效果
效果:
代码:
<el-form-itemv-for="(item,index) of ele.algorithmParameters":key="index":label="item.parametersName"class="descInput"
><el-input v-model="item.parametersValue" placeholder="请输入" @change="paramsChange" /> <!-- 重点开始 --><span class="descIcon"><el-popover placement="right" trigger="hover"><i slot="reference" class="el-icon-question"></i>//slot="reference"<span>{{ item.itemDescription }}</span>//浮现的内容</el-popover></span>
<!-- 重点结束 -->
</el-form-item>//样式
<style lang="scss" scoped>
// 参数描述
.descInput {position: relative;
}
.descIcon {position: absolute;top: 0px;right: -25px;margin-right: 10px;
}
</style>
这篇关于(vue)el-popover鼠标移入提示效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!