naive-ui/demo/documentation/components/popconfirm/zhCN/customAction.md
2019-12-23 16:31:26 +08:00

836 B

自定义操作

<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>
export default {
  data () {
    return {
      controller: {}
    }
  },
  methods: {
    handleClick () {
      this.controller.hide()
    }
  }
}
.n-button {
  margin-right: 8px;
}