uni-app 怎么获取input里的数据,怎么修改input的placeholder样式
1.写两个input标签,获取值变化,提示信息,提示样式
<template>
<view>
<comeBack text_name="日记本"></comeBack>
<view class="input " >
<input type="text" @blur="title" placeholder="日记标题" placeholder-class="col_c" maxlength="50" class="mle20 wth90"/>
</view>
<view class="input">
<textarea @blur="con" placeholder="日记内容" placeholder-class="col_c" class="mle20 wth90" />
</view>
<view class="mto30">
<view class="fle_all btn" style="padding: 20rpx;" @tap="kee_btn">
<text class="let3 fon4_cen">提交</text>
</view>
</view>
</view>
</template>
2.获取值变化的内容存起来,在点击提交的时候就可以传过去啦
<script>
import comeBack from "../../component/come-back/come-back.vue"
export default {
components:{
comeBack
},
data() {
return {
diary:{
title:'',
con:''
}
}
},
methods: {
kee_btn(){
console.log(this.diary)
},
title(e) {
this.diary.title = e.detail.value
},
con(e) {
this.diary.con = e.detail.value
},
}
}
</script>
<style>
.input{
box-shadow:0px 0px 14px 2px rgba(183,198,222,0.7);
margin: 20rpx;
padding: 15rpx;
border-radius: 10rpx;
}
.btn{
background-color: #FE9236;
margin: 0% 3%;
border-radius: 25rpx;
color: white;
}
.col_c{
color: #ccc;
}
.mle20{
margin-left: 20rpx;
}
.wth90{
width: 90%;
}
.fle_all{
display: flex;
align-items: center;
justify-content: center;
}
</style>
····博主标签的样式