button 相关问题

我正在使用VueUse的OnClickOutside，vue代码是： AAA 我正在使用来自OnClickOutside的VueUse，vue代码是： <template> <button class="button" id="button1" ref="tempRef">AAA</button> <OnClickOutside id="clickOutside" :options="{ ignore: [tempRef] }" @trigger="console.log(tempRef)"> <button class="button" id="button2">BBB</button> </OnClickOutside> </template> <script setup> import { OnClickOutside } from '@vueuse/components' import { ref } from 'vue' const tempRef = ref() </script> 所以，我的期望是，当我单击button1时，OnClickOutside不会被触发，因为tempRef位于忽略内部。但是，事实证明，当我单击 tempRef 时，控制台仍然输出 button1。我尝试过一些调整，但没有任何效果。我是否误解了如何在 OnClickOutside 中使用忽略？如何解决这个问题？谢谢你的帮助这里是方便访问的文档：https://vueuse.org/core/onClickOutside/ 在模板中使用时，引用会自动展开，因此不是向忽略选项提供 ref 对象，而是向其提供内部非引用值。如果您提供在 <script> 代码中创建的选项对象，它应该可以工作： <template> <button id="button1" ref="tempRef" class="button">AAA</button> <OnClickOutside id="clickOutside" :options="options" @trigger="console.log(tempRef)" > <button id="button2" class="button">BBB</button> </OnClickOutside> </template> <script setup> import { OnClickOutside } from '@vueuse/components' import { ref } from 'vue' const tempRef = ref() const options = { ignore: [tempRef] } </script> 忽略选项也可以被赋予一个选择器字符串，因此如果您想要仅模板解决方案，您可以使用它作为替代方案： <OnClickOutside id="clickOutside" :options="{ ignore: ['#button1'] }" @trigger="console.log(tempRef)" >

javascript vue.js button vueuse

回答 1 投票 0

JavaScript 按钮 onclick 不起作用

你好函数你好（）{ 警报（'你好'）； } 这是我的代码。但这不起作用。当我点击...

javascript html function button onclick

回答 16 投票 0

Intellij PyCharm/Idea/etc：如何添加运行 shell 脚本的工具栏按钮？

在 Intellij IDE（例如 PyCharm 或 Idea）中，有一个选项可以通过右键单击工具栏并选择“自定义菜单和工具栏”来自定义菜单和工具栏。虽然可以选择

shell intellij-idea button pycharm toolbar

回答 1 投票 0

如何在类或函数中使用 gpiozero.Button.when_pressed

我正在开发一个气象站（Raspberry pi），并且正在使用Python。我开发了一个正在运行的程序，但现在我决定更新我的代码并构建所有内容（创建类等）。乙...

python button gpiozero

回答 1 投票 0

使用两个带有 onclick 事件的按钮，并且不断地互相改变？

这就是我想要实现的目标：两个按钮（左和右）。左侧按钮开始时悬停时光标为“不允许”（表示开始左侧按钮不应该...

javascript html button onclick event-listener

回答 1 投票 0

如何制作一个div按钮来链接到另一个网页

我正在制作联系表7，并尝试将现有的提交按钮链接到另一个网站。我应该在哪里插入链接？这是现有的代码： ... 我正在制作联系表 7，并尝试将现有的提交按钮链接到另一个网站。我应该在哪里插入链接？这是现有的代码： <div class="row"> <div class="col-md-12 col-sm-12">[submit class:btn class:btn_lg class:btn_primary class:btn_solid class:btn_lg "Submit"]</div> </div> 希望我能重用现有的联系表单作为横幅并保留现有的样式。 <div class="row"> <div class="col-md-12 col-sm-12"> <a href="https://example.com" target="_blank" rel="noopener noreferrer"> [submit class:btn class:btn_lg class:btn_primary class:btn_solid class:btn_lg "Submit"] </a> </div> 1.找到定义 Contact Form 7 提交按钮的 HTML 代码部分。 2.用锚标记包围现有的按钮短代码，该锚标记在其 href 属性中指定所需的 URL。 3.确保在锚标记中设置 target="_blank" 属性，以便在新的浏览器选项卡中打开链接的网站，增强用户体验。 4.出于安全目的，包含 rel="noopener noreferrer" 属性，减轻与选项卡操作相关的任何潜在安全风险。

html button hyperlink contact-form-7

回答 1 投票 0

从 HTML 上的 javascript 获取输出时，按钮 onclick 不显示任何输出

以下是代码：让我，j；函数 isPrime(x) { 对于 (j = 2; j < int(Math.sqrt(x)) + 1; j++) { if (x % j == 0) return False; return True; } } function findPrimeNum(...

javascript html button

回答 1 投票 0

我如何编写一个硒脚本来按下机器人位于不和谐消息中的按钮？

我找不到用于路径的正确元素，因为特定消息中的按钮文本不提供聊天框中最新消息的路径，当我运行它时，它只找到旧的

python selenium-webdriver button discord message

回答 2 投票 0

更改 Bootstrap API 中按钮的高度

有没有办法增加 Bootstrap api 中按钮的行高，因为我在创建按钮时遇到问题这是我的代码： @import“bootstrap-5.3.3/scss/mixins”； @import“启动...