求解为什么前端用了el-card中嵌套el-input时textarea无法输入问题


class="wrapper"style="width: 1476px ;height: 770px"> <div id="building" style="margin-left: 300px"> <el-card style=" width: 500px;margin-left: 5px"> <el-form label-width="80px" size="small"> <span> <img :src="work.avta" style="width: 30px;border-radius: 50%;position: relative;top:10px;right: 5px"><i>{{work.name}}:i>span> <el-form-item label=""> <i>{{work.content}}i> el-form-item> <el-form-item label="反馈:"> <el-input type="textarea" v-model="rwork.content" @input="changeValue">el-input> el-form-item> el-form> el-card> div> div> data(){ return{ collapseBtnClass:'el-icon-s-fold', sideWidth:200, isCollapse:false, logotextshow:true, rwork:{ content:"", }, form:{}, work:sessionStorage.getItem("work")?JSON.parse(sessionStorage.getItem("work")):{}, }

改成这样试试:

<div class="wrapper" style="width: 1476px; height: 770px;">
  <div id="building" style="margin-left: 300px;">
    <el-card style="width: 500px; margin-left: 5px; overflow: visible;">
      <el-form label-width="80px" size="small">
        <span><img :src="work.avta" style="width: 30px; border-radius: 50%; position: relative; top:10px; right: 5px;"><i>{{work.name}}:</i></span>
        <el-form-item label="">
          <i>{{work.content}}</i>
        </el-form-item>
        <el-form-item label="反馈:">
          <el-input type="textarea" v-model="rwork.content" @input="changeValue" style="position: relative; z-index: 1;"></el-input>
        </el-form-item>
      </el-form>
    </el-card>
  </div>
</div>
不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^