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

Question

<div 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")):{},
            }

Answer 1

改成这样试试：

<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>