reminder.vue 773 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <view style="padding: 30upx 5%;">
  3. <TextArea ref="getValue" @submitValue="submitValue"/>
  4. <view class="submitRemin" @click="submitRemin">提交</view>
  5. </view>
  6. </template>
  7. <script>
  8. import TextArea from '@/component/textarea.vue'
  9. export default {
  10. components: {
  11. TextArea
  12. },
  13. data() {
  14. return{
  15. reminder: ''
  16. }
  17. },
  18. methods: {
  19. submitValue(e) {
  20. this.reminder = e.detail.value;
  21. },
  22. submitRemin() {
  23. console.log(this.reminder)
  24. // console.log(this.$refs.getValue)
  25. // this.$refs.getValue.$emit('bindTextAreaBlur');
  26. }
  27. }
  28. }
  29. </script>
  30. <style>
  31. .submitRemin {
  32. color: #fff;
  33. background-color: #D9332E;
  34. height: 70upx;
  35. text-align: center;
  36. line-height: 70upx;
  37. margin-top: 25upx;
  38. }
  39. </style>