vue-modal-provider

KO | EN

gitlite — search

#ai #llm #go #machine-learning #rust #deep-learning #java #windows #kubernetes #vue #ios #mcp #openai #open-source

vue-modal-provider

(★ 38)

Simple to use and manage modal. https://vue-modal-provider.netlify.app

vue-modal-provider 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vue-modal-provider

[nice-modal-react](https://github.com/eBay/nice-modal-react) vue implementation. Simple to use and manage modal.

## Document

[Here](https://vue-modal-provider.netlify.app)The online document.

## Installation

```bash
$ npm install vue-modal-provider
```

## Examples

Embed your application with ModalProvider

```vue

<script setup lang="ts">
import { RouterView } from "vue-router";
import { ModalProvider } from "vue-modal-provider";
</script>

<template>
  <ModalProvider>
    <RouterView />
  </ModalProvider>
</template>
```

Create modal component

```vue

<template>
  <el-dialog v-model="visible">
    {{ args }}
    <el-button @click="hide(), resolve(1111), remove()">close</el-button>
  </el-dialog>
</template>

Use in the view

```vue
<script lang="ts" setup>
import { useModal } from "vue-modal-provider";
import TestModal from "./Modal.vue";
const { show } = useModal(TestModal);

function showModal() {
  show("test msg").then((c) => {
    console.log(c);
  });
}
</script>

<template>
  <el-button @click="showModal">open modal</el-button>
</template>
```

vue-modal-provider

vue-modal-provider 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

vue-modal-provider

vue-modal-provider 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README