效果:
代码:
<el-form-item label="域类型">
<el-select v-model="temp.fieldType" class="filter-item">
<el-option v-for="item in fieldTypeList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
<el-tooltip class="item" effect="light" content="兼容历史版本" placement="right-start">
<i class="el-icon-question" />
</el-tooltip>
</el-form-item>
解析:
用el-tooltip组件,可实现鼠标移到小问号给出提示的效果,之前里面放的,一直有个外面的框框,经小田提点改成了i标签,完成!
本文地址:https://blog.csdn.net/weixin_41294419/article/details/107870259
如对本文有疑问, 点击进行留言回复!!
将uniapp打包成h5放在安卓webview中(解决uniapp引入第三方地图卡顿问题)
Vue项目判断 是移动端还是PC , 微信 , iOS , 安卓
vue用elementui写form表单时,在label里添加空格操作
解决vue net :ERR_CONNECTION_REFUSED报错问题
vue devtools怎么安装?浏览器vue调试插件vue.js devtools安装及使用教程
网友评论