vue element el-input 输入框当内容长度超出时现示el-tooltip提示

最新推荐文章于 2024-08-07 17:00:55 发布

周家大小姐.

最新推荐文章于 2024-08-07 17:00:55 发布

阅读量1.9w

点赞数 4

分类专栏： element ES6 vue2.0

本文链接：https://blog.csdn.net/qq_40190624/article/details/105730596

版权

vue2.0 同时被 3 个专栏收录

271 篇文章 4 订阅

订阅专栏

element

94 篇文章 7 订阅

订阅专栏

ES6

93 篇文章 1 订阅

订阅专栏

发送请求;请求的结果会进入机构:要判断内容会不会过长;如果过长就显示提示状态

html;

    <el-form-item label="派驻寿险机构" prop="lifeComName">
          <el-tooltip :disabled="disabledTooltip" effect="dark" :content="ruleForm.lifeComNameStr" placement="top">
            <el-input ref="lifeComNameStr" v-model="ruleForm.lifeComNameStr" type="text" disabled class="control"/>
          </el-tooltip>
        </el-form-item>

  data() {
    
        disabledTooltip: true,
},
methods: {
      showTooltip() {
        const lifeW = this.$refs.lifeComNameStr
        this.disabledTooltip = lifeW.value.length < 20
      },
}