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

求解为什么前端用了el-card中嵌套el-input时textarea无法输入问题
- 写回答
- 好问题 0 提建议
- 关注问题
- 邀请回答
-
2条回答 默认 最新
关注
改成这样试试:
<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>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报