You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
714 B
32 lines
714 B
1 year ago
|
<template>
|
||
|
|
<view>
|
||
|
|
<page-head :title="title"></page-head>
|
||
|
|
<view class="uni-title uni-common-pl">输入区域高度自适应，不会出现滚动条</view>
|
||
|
|
<view class="uni-textarea">
|
||
|
|
<textarea @blur="bindTextAreaBlur" auto-height />
|
||
|
|
</view>
|
||
|
|
<view class="uni-title uni-common-pl">占位符字体是红色的textarea</view>
|
||
|
|
<view class="uni-textarea">
|
||
|
|
<textarea placeholder-style="color:#F76260" placeholder="占位符字体是红色的"/>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
title: 'textarea',
|
||
|
|
focus: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
bindTextAreaBlur: function (e) {
|
||
|
|
console.log(e.detail.value)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
</style>
|