vue iview input 显示 tooltip

sunyin.liu

已于 2023-05-08 13:15:24 修改

阅读量467

点赞数

于 2023-04-17 15:30:57 首次发布

本文链接：https://blog.csdn.net/weixin_42066070/article/details/130201286

版权

Vuejs 同时被 2 个专栏收录

70 篇文章 25 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

iview

26 篇文章 1 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了如何在Vue.js项目中，结合iView UI组件库，实现Input输入框在鼠标悬停时显示Tooltip提示信息的功能。通过引入iView组件、编写Vue指令以及设置事件监听，可以方便地为输入框添加动态提示，提升用户体验。

摘要由CSDN通过智能技术生成

        {
          title: "站点位置",
          key: "contactsAddress",
          align: "center",
          tooltip: true,
          render: (h, params) => {
            let _that = this;
            return (
              <Tooltip content={params.row.contactsAddress} placement="top">
                <Input
                  v-model={this.tableData[params.index].contactsAddress}
                  onon-change={(val) => {
                    _that.tableData[params.index].contactsAddress = val.data;
                  }}
                />
              </Tooltip>
            );
          },
        },