alt.vue 552 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template>
  2. <div>
  3. <el-form-item label="描述">
  4. <el-input
  5. placeholder="请输入描述 ALT"
  6. v-model.trim="tempAlt">
  7. </el-input>
  8. </el-form-item>
  9. </div>
  10. </template>
  11. <script>
  12. export default {
  13. name: "attr-alt",
  14. props: {
  15. alt: String,
  16. },
  17. data() {
  18. return {
  19. tempAlt: '',
  20. }
  21. },
  22. mounted() {
  23. this.tempAlt = this.alt;
  24. },
  25. watch: {
  26. alt(val) {
  27. this.tempAlt = val;
  28. },
  29. tempAlt() {
  30. this.$emit('update:alt', this.tempAlt);
  31. }
  32. }
  33. }
  34. </script>
  35. <style scoped>
  36. </style>