uniapp, 实现点击后从底部弹出评论内容输入框的功能,写代码
时间: 2024-04-29 22:25:38 浏览: 18
template:
```html
<template>
<view>
<button @click="showInput">评论</button>
<input-dialog
v-model="dialogVisible"
:title="title"
:placeholder="placeholder"
:confirm-text="confirmText"
@confirm="onConfirm"
@cancel="onCancel"
/>
</view>
</template>
```
script:
```js
import inputDialog from '@/components/inputDialog'
export default {
components: {
inputDialog
},
data () {
return {
dialogVisible: false,
title: '请输入评论内容',
placeholder: '请输入评论内容',
confirmText: '确定'
}
},
methods: {
showInput () {
this.dialogVisible = true
},
onConfirm (value) {
console.log(value)
this.dialogVisible = false
},
onCancel () {
this.dialogVisible = false
}
}
}
```
注意:需要在 components 中注册 inputDialog 组件。