ch-alert-test16
Version:
ch-alert-demo
67 lines (48 loc) • 1.17 kB
Markdown
## What is this package ?
Vue 알람 플러그인입니다.
2024.02.07
## Installing ( How to use this package ? )
Using nmp :
```
npm install ch-alert-test
```
## Example
1. Import Plugin :
```
import alert from 'ch-alert-test'
```
2. Use Vue.use()
```
Vue.use(alert)
```
3. 전역의 컴포넌트에서 this.alert()를 통해 MessageBox를 호출할 수 있습니다.
```
methods: {
testAlert(){
this.alert("메시지를 확인해주세요.")
}
}
```
## Detail
Write your message
```
this.$alert('원하시는 메시지를 입력해주세요.')
```
Write type
```
this.$alert('원하시는 메시지를 입력해주세요.', 'success') // Set as default
this.$alert('원하시는 메시지를 입력해주세요.', 'confirm')
```
Write your custom text button
```
this.$alert('원하시는 메시지를 입력해주세요.', 'confirm', {
confirmText: '확인확인버튼'
cancelText: '취소취소버튼'
})
```
this.$alert() 호출 후 사용자 선택에 따른 then() catch()의 호출이 가능합니다
```
this.$alert().then().catch()
```
Thank you for installing this package.
first created day : 2021-12-02