当前位置: 首页 > news >正文

页面元素内容太长,给元素添加title

一、需求

页面元素内容太长,给元素添加title

二、实现

1、直接使用title属性

<div target="_blank" class="text-overflow" title="叉车司机">叉车司机</div>

2、使用tdesign的Popup 弹出层

<t-popup>
      触发元素
      <template #content>
        <div>触发元素是指触发浮层内容显示的元素</div>
      </template>
    </t-popup>

涉及循环的popup

<t-popup  v-for="(item, index) in buttonOptions" :key="index" >
            <div class="button-item" @click="handleButtonItem(item.label)">{{ item.label }}</div>
            <template #content>
              <div>{{ item.title }}</div>
            </template>
          </t-popup>

相关文章:

  • Python+AI助力智能仓储:效率与科技的完美融合
  • Object.defineProperty()Proxy详解(Vue23数据劫持实现)
  • 原型模式及其应用
  • K8S学习之基础五十四:jenkins新建测试流水线
  • C++学习之new运算符和静态成员
  • docker中间件部署
  • 【windows搭建lvgl模拟环境(一)之VSCode】
  • K8S基础知识:DaemonSet、Deployment、StatefulSet的用法区别
  • 六十天前端强化训练之第三十一天之Webpack 基础配置 大师级讲解(接下来几天给大家讲讲工具链与工程化)
  • 机器学习——一元线性回归(算法实现与评估)
  • DeepSeek调用API访问,使用AnythingLLM建立本地知识库后开放API调用,ApiFox/PostMan调用本地DeepSeek
  • 树形结构的工具类TreeUtil
  • 【MySQL】从零开始:掌握MySQL数据库的核心概念(四)
  • 为什么视频文件需要压缩?怎样压缩视频体积即小又清晰?
  • java实现动态修改表数据,方便扩展
  • 【数据转换】- Halcon<->Mat
  • 为Windows10的WSL Ubuntu启动sshd服务并使用Trae远程连接
  • 软考网络工程师上午题
  • AndroidStudio无法识别连接夜神模拟器
  • Android开发:基于 Kotlin 协程的设备指令控制工具类设计与实现
  • 美国务院宣布新一轮与伊朗相关的制裁
  • 美乌矿产协议签署被曝“临门一脚”时生变,美方提附加条件
  • 学有质量、查有力度、改有成效,广大党员干部落实中央八项规定精神
  • 看见“看得见的手”,看见住房与土地——读《央地之间》
  • 巴防长称中俄可参与克什米尔恐袭事件国际调查,外交部回应
  • 四川在浙江公开招募200名退休教师,赴川支教帮扶