textarea.vue 714 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <view>
  3. <page-head :title="title"></page-head>
  4. <view class="uni-title uni-common-pl">输入区域高度自适应,不会出现滚动条</view>
  5. <view class="uni-textarea">
  6. <textarea @blur="bindTextAreaBlur" auto-height />
  7. </view>
  8. <view class="uni-title uni-common-pl">占位符字体是红色的textarea</view>
  9. <view class="uni-textarea">
  10. <textarea placeholder-style="color:#F76260" placeholder="占位符字体是红色的"/>
  11. </view>
  12. </view>
  13. </template>
  14. <script>
  15. export default {
  16. data() {
  17. return {
  18. title: 'textarea',
  19. focus: false
  20. }
  21. },
  22. methods: {
  23. bindTextAreaBlur: function (e) {
  24. console.log(e.detail.value)
  25. }
  26. }
  27. }
  28. </script>
  29. <style>
  30. </style>