element框架的弹窗如何使用油猴触发？

kqs42

本帖最后由 kqs42 于 2023-5-20 11:25 编辑

测试网址：https://element-plus.gitee.io/zh-CN/component/notification.html
描述：网站用的是vue3+lement-plus框架。
需求：用油猴脚本触发网站本身的Notification通知组件。

官方给出的示例是click触发，我想用油猴脚本直接触发。

<template>
  <el-button plain @click="open1"> Closes automatically </el-button>
  <el-button plain @click="open2"> Won't close automatically </el-button>
</template>

<script lang="ts" setup>
import { h } from 'vue'
import { ElNotification } from 'element-plus'

const open1 = () => {
  ElNotification({
    title: 'Title',
    message: h('i', { style: 'color: teal' }, 'This is a reminder'),
  })
}

const open2 = () => {
  ElNotification({
    title: 'Prompt',
    message: 'This is a message that does not automatically close',
    duration: 0,
  })
}
</script>

李恒道

[油猴脚本开发指南]元素规则校验和检测的触发
https://bbs.tampermonkey.net.cn/thread-1250-1-1.html