textarea.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <div>
  3. <el-form-item label="占位内容">
  4. <el-input v-model="data.placeholder"
  5. type="textarea"
  6. autosize
  7. clearable
  8. placeholder="占位内容"></el-input>
  9. </el-form-item>
  10. <el-form-item label="最大长度">
  11. <el-input-number v-model="data.maxlength"
  12. controls-position="right"
  13. placeholder="最大长度"></el-input-number>
  14. </el-form-item>
  15. <el-form-item label="显示计数">
  16. <el-switch v-model="data.showWordLimit"></el-switch>
  17. </el-form-item>
  18. <el-form-item label="最小行">
  19. <el-input-number v-model="data.minRows"
  20. controls-position="right"
  21. placeholder="最小行"
  22. :min="1"></el-input-number>
  23. </el-form-item>
  24. <el-form-item label="最大行">
  25. <el-input-number v-model="data.maxRows"
  26. controls-position="right"
  27. placeholder="最大行"
  28. :min="2"></el-input-number>
  29. </el-form-item>
  30. </div>
  31. </template>
  32. <script>
  33. export default {
  34. name: "config-textarea",
  35. props: ['data'],
  36. }
  37. </script>