踩坑记录-elementui的文本域设置宽度不起作用

最新推荐文章于 2024-02-15 11:03:55 发布

cc.ChenLy

最新推荐文章于 2024-02-15 11:03:55 发布

阅读量2.1k

点赞数 2

分类专栏：前端文章标签： elementui vue.js 前端

本文链接：https://blog.csdn.net/weixin_46589442/article/details/126071754

版权

前端专栏收录该内容

19 篇文章 2 订阅

订阅专栏

直接给input设置宽度，效果没实现
在这里插入图片描述

在这里插入图片描述
为什么会这样呢，因为element ui会自动在外套一层div，对其设置的宽度并没有直接设置在文本域上

解决方法：

完整代码：

<template>
  <div id="app3">

      <el-form :model="book" size="small" inline="true">
        <el-form-item label="书名">
          <el-input autocomplete="off" suffix-icon="“xxxx”"></el-input>
        </el-form-item>
        <el-form-item label="作者">
          <el-input
            type="textarea"
            :rows="16"
            placeholder="请输入内容"
            v-model="textarea"
            style="width: 900px"
          >
          </el-input>
        </el-form-item>
      </el-form>

  </div>
</template>





<script>
export default {
  data() {
    return {
      textarea: "",
      book: "",
    };
  },
  methods: {
   
  },
};
</script>

<style>
.el-form-item :last-child {
width: 100%;
}
</style>