mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-27 05:00:48 +08:00
42 lines
836 B
Markdown
42 lines
836 B
Markdown
# 自定义操作
|
|
```html
|
|
<n-popconfirm :controller="controller">
|
|
<template v-slot:activator>
|
|
<n-button>引用</n-button>
|
|
</template>
|
|
譬如,我或许可以就大象本身写一点什么,但对象的驯化却不知从何写起。
|
|
<template v-slot:action>
|
|
<n-button
|
|
size="tiny"
|
|
@click="handleClick"
|
|
>
|
|
或许吧
|
|
</n-button>
|
|
</template>
|
|
</n-popconfirm>
|
|
<n-popconfirm positive-text="噢!">
|
|
<template v-slot:activator>
|
|
<n-button>引用</n-button>
|
|
</template>
|
|
譬如,我或许可以就大象本身写一点什么,但对象的驯化却不知从何写起。
|
|
</n-popconfirm>
|
|
```
|
|
```js
|
|
export default {
|
|
data () {
|
|
return {
|
|
controller: {}
|
|
}
|
|
},
|
|
methods: {
|
|
handleClick () {
|
|
this.controller.hide()
|
|
}
|
|
}
|
|
}
|
|
```
|
|
```css
|
|
.n-button {
|
|
margin-right: 8px;
|
|
}
|
|
``` |