【vue】输入框和文本域切换

原创

于 2024-07-17 14:56:09 发布 · 461 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

输入框的样子

文本域的样子

当输入框出现滚动条的时候，就自动切换成文本域；当文本域到1行并且宽度小于输入框宽度时切换成输入框

<div class="left_box_inpt">
            <div
              class="right_box_inpt"
              :class="{
                notclickable: inputdisabled,
              }"
            >
             //文本域
              <div
                v-if="isOverflow"
                style="
                  display: flex;
                  width: 98%;
                  margin: 10px auto 0;
                  border-radius: 25px !important;
                  background-color: #fff;
                "
              >
                <el-input
                  ref="inputRef"