<el-dialog title="编辑贴子" :visible.sync="dialogVisible">
<el-input
type="text"
placeholder="请输入标题"
v-model="titleText"
maxlength="30"
show-word-limit>
</el-input>
<div style="margin: 20px 0;"></div>
<el-input
type="textarea"
:autosize="{ minRows: 3}"
placeholder="请输入内容"
v-model="contentText"
maxlength="300"
show-word-limit>
</el-input>
<div slot="footer" class="dialog-footer">
<el-button type="info" @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
</div>
</el-dialog>
文字为什么出现在按钮外部,与示例的按钮大小也不一样