Javascript 为什么引导vue不呈现onclick？

我有一个带v-on:click标记的引导vue b按钮。但是呈现的HTML不包含onclick事件。以下是依赖项：

"webpack": "^5.35.1",
"webpack-cli": "^4.6.0",
"webpack-dev-server": "^3.11.2"
"bootstrap": "^4.6.0",
"bootstrap-vue": "^2.21.2",
"vue": "^2.6.12",
"vue-template-compiler": "^2.6.12",

按钮：

<b-button :disabled="document.status==='Complete' || document.status==='Canceled'"
                    variant="primary"
                    title="Resend"
                    v-on:click="console.log('click')"
                >

呈现的HTML：

<button title="Resend" type="button" class="btn btn-primary">...</button>

。。。

如上所述，onclick不会在HTML中呈现。为什么我没有得到onclick？

v-on:

（或者只是

@

）将创建事件侦听器，因此它在html中无论如何都不可见

console

在html内联中执行操作时，不引用任何内容（未定义，请检查您的web控制台）。您可以使用全局

this

，然后它应该可以工作（

this.console.log（…）

）

更好的做法是，尝试以下方法：

<b-button :disabled="document.status==='Complete' || document.status==='Canceled'"
                    variant="primary"
                    title="Resend"
                    v-on:click="clickHandler"
                >

v-on:

（或仅

@

）将创建事件侦听器，因此它在html中无论如何都不可见

console

在html内联中执行操作时，不引用任何内容（未定义，请检查您的web控制台）。您可以使用全局

this

，然后它应该可以工作（

this.console.log（…）

）

更好的做法是，尝试以下方法：

<b-button :disabled="document.status==='Complete' || document.status==='Canceled'"
                    variant="primary"
                    title="Resend"
                    v-on:click="clickHandler"
                >

---

我认为您当时没有访问console对象的权限。。请看这里：我认为您当时没有访问console对象的权限。。看看这里：谢谢。未意识到有关HTML呈现的信息。即使我将clickHandler移动到类的methods部分，它仍然不会触发。我想我问错问题了。无论我如何尝试执行v-on:click代码，事件都不会触发。有什么想法吗？也许你的网页配置文件中启用了生产模式？如果没有，请检查配置文件中是否有类似

无控制台

的“watch”：“webpack--watch--mode=development”是我的运行方式。在任何地方都没有“无控制台”。当您触发事件时，浏览器控制台是否会显示任何内容？嗯，这是我的构建南下的原因。这与你的答案相符。谢谢。未意识到有关HTML呈现的信息。即使我将clickHandler移动到类的methods部分，它仍然不会触发。我想我问错问题了。无论我如何尝试执行v-on:click代码，事件都不会触发。有什么想法吗？也许你的网页配置文件中启用了生产模式？如果没有，请检查配置文件中是否有类似

无控制台

的“watch”：“webpack--watch--mode=development”是我的运行方式。在任何地方都没有“无控制台”。当您触发事件时，浏览器控制台是否会显示任何内容？嗯，这是我的构建南下的原因。这与你的答案相符。