HHSLinkSLink/HSLink-app/components/prompt/README.md
2020-09-17 20:03:25 +08:00

37 lines
647 B
Markdown

# Prompt
## 说明
一个可以输入内容并返回的prompt组件, 支持一个默认slot放入中间.
## 用法
**父组件**
template中
```html
<prompt :visible.sync="promptVisible" :placeholder="输入店号" :defaultValue="123" @confirm="clickPromptConfirm" mainColor="#e74a39">
<!-- 这里放入slot内容-->
</prompt>
```
```js
import Prompt from '@/components/prompt/index.vue'
export default {
data() {
return {
// 控制弹框输入框显示
promptVisible: false,
}
},
methods: {
/**
* 点击弹出输入框确定
*/
clickPromptConfirm(val) {
console.log(val)
},
}
}
```