kqs42 发表于 2023-5-20 11:24:16

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

本帖最后由 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>

```

李恒道 发表于 2023-5-20 13:32:08

[油猴脚本开发指南]元素规则校验和检测的触发
https://bbs.tampermonkey.net.cn/thread-1250-1-1.html
页: [1]
查看完整版本: element框架的弹窗如何使用油猴触发?