TextInput.vue 783 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <div>
  3. <div v-if="mode === 'DESIGN'">
  4. <el-input size="medium" disabled :placeholder="placeholder" />
  5. </div>
  6. <div v-else>
  7. <el-input v-if="!readerMode" size="medium" clearable v-model="_value" :placeholder="placeholder" />
  8. <div v-else v-text="_value"></div>
  9. </div>
  10. </div>
  11. </template>
  12. <script>
  13. import componentMinxins from '../ComponentMinxins'
  14. export default {
  15. mixins: [componentMinxins],
  16. name: "TextInput",
  17. components: {},
  18. props: {
  19. value: {
  20. type: String,
  21. default: null
  22. },
  23. placeholder: {
  24. type: String,
  25. default: '请输入内容'
  26. },
  27. readerMode: {
  28. type: Boolean,
  29. default: false,
  30. },
  31. },
  32. data() {
  33. return {}
  34. },
  35. methods: {}
  36. }
  37. </script>
  38. <style scoped>
  39. </style>