在Vue.js 3中，当未知的锚标签被点击时，如何运行函数？
在Vue.js 3中，当未知的锚标签被点击时，可以通过使用@click指令来绑定一个点击事件，并在事件处理函数中运行相应的函数。
具体步骤如下：
- 在Vue组件的模板中，找到对应的锚标签，并使用
@click指令绑定一个点击事件，例如：
<a href="#unknown" @click="handleUnknownAnchor">未知锚标签</a>- 在Vue组件的
methods选项中定义handleUnknownAnchor方法，该方法将在点击事件触发时执行，例如：
methods: {
handleUnknownAnchor() {
// 运行相应的函数
// ...
}
}这样，当未知的锚标签被点击时，Vue.js 3会自动调用handleUnknownAnchor方法，你可以在该方法中编写相应的逻辑来运行所需的函数。
关于Vue.js 3的更多信息和详细介绍，你可以参考腾讯云的相关产品文档：Vue.js 3。
相关·内容
2回答
Vue呈现按钮
、、、
我的问题是在vue实例上呈现一个按钮，点击一个按钮，然后再用事件单击呈现另一个按钮，如果我简单地挂载这个按钮，它就不会得到函数tes。
const Hello = {
props: ['text'],
template: '<button v-on:click="tes"> </button> ',
};
new Vue({
el: '#app',
data: {
message: 'Click me'
},
methods:{
alerta
浏览 1提问于2018-06-15得票数 0
回答已采纳
我正在努力学习Vue.js，并找到了一个实践示例，在该示例中，我需要实现一个自定义指令，同时使用lice 'v-on‘。这意味着我需要捕获自定义指令上的click事件并调用一个方法。
我想的模板。
<template>
<h1 v-my-on:click="alertMe">Click</h1>
</template>
问题是，我不知道如何在自定义指令中捕获click事件。请原谅下面的笨拙代码。
<script>
export default {
methods: {
浏览 3提问于2018-01-28得票数 4
回答已采纳
8回答
我试图在一个组件中使用on click指令，但它似乎不起作用。当我点击组件时，当我应该在控制台中得到一个'test click‘时，什么也没有发生。我在控制台中看不到任何错误，所以我不知道我做错了什么。
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vuetest</title>
</head>
<body>
<div id="ap
浏览 201提问于2017-01-05得票数 268
回答已采纳
我遇到了一个问题，动态组件(A.vue或B.vue)发出的自定义事件(B.vue)在动态组件(HelloWorld.vue)的父级中没有被正确地侦听。
下面是 (使用vue cli 3创建)。
这是一个。
在现场演示中，您将看到用背景色单击动态组件中的按钮不会改变动态组件。但是，当单击背景色下面的按钮(起源于HelloWorld.vue父级)时，动态组件确实会发生变化。
为什么会发生这种情况，以及如何解决？
下面我将把三个感兴趣的主要文件的内容复制到这篇文章中：
HelloWorld.vue (父)
A.vue (用于动态组件的子组件)
B.vue (用于动态组件的子组件)
浏览 0提问于2018-12-29得票数 0
回答已采纳
使用v-on:click，我想在Vue.JS中用div的id设置一个变量--我该如何引用它呢？
<div id="foo" v-on:click="select">...</div>
<script>
new Vue({
el: '#app',
data: {
},
methods: {
select: function(){
divID = this.id // ??
浏览 0提问于2016-05-01得票数 33
回答已采纳
我刚刚遇到了一个问题，如果一个组件只更新自己的数据，它就不会在父组件上触发指令的hook=componentUpdated。
正如所说：
componentUpdated:在包含组件的VNode和其子组件的VNodes更新后调用。
似乎应该触发componentUpdated。
我做错什么了吗？还是误解了什么？
在下面的演示，点击，点击我！按钮，然后你会看到componentUpdated是没有调用。
但是，当单击change data (使用执行类似的行为，单击me!，区别在于它更改了父组件上的数据)时，它将正确触发。
非常感谢您的光临。
Vue.config.productio
浏览 2提问于2018-06-01得票数 4
回答已采纳
我正在尝试在Vue.js组件中动态地呈现一些HTML。我正在成功地渲染HTML。但是，我不知道如何为动态呈现的元素连接事件。我创造了一个小例子。这个例子看上去可能有点复杂。然而，这只是实际例子的一小部分。在这个中可以看到这个示例，代码如下所示：
new Vue({
el: '#app',
data: {
items: [
{
name:'Item 1',
isHtml:true,
mold: function() {
return '<button
浏览 7提问于2017-11-22得票数 2
回答已采纳
通常，我们在vue.js中预定义方法，如下所示。
methods : {
func1: function(){
}
}
并在模板中调用函数。
<button @click="func1">click</button>
是否可以在vue.js中动态添加方法？
例如，//实际上不存在$methods。我检查了$data是否存在。所以这是我的猜测。
this.$methods["func2"] = function(){
}
在angular.js中，这种情况是可能的。
$scope["function name&
浏览 0提问于2018-08-11得票数 2
3回答
Vue.js可以很好地处理click或mousedown等浏览器事件。但完全不能与自定义事件一起工作。代码如下：
HTML：
<div id="app" style="display: none" v-show="true">
<div v-el:ping v-on:ping="ping">
<div>
<button v-on:click="click">Click</button>
<
浏览 2提问于2016-03-22得票数 10
我正在一个现有的项目中实现vue.js，并将body标记上的vue实例绑定为id "app“。
到目前为止，jQuery和Vue.js玩得很好。但是，当我创建组件时，这些组件中的所有jQuery绑定都不再起作用了。
然而，根实例中的绑定仍然有效。
HTML：
<body id="app">
<button class="button-app" @click="showMessage('app')">APP</button>
<some-component inline-temp
浏览 4提问于2015-11-22得票数 2
回答已采纳
我有一个Vue.js组件App.vue，我想用@click和v-if，v-else指令相结合来动态地附加/分离组件。我还想要的jQuery动画卷轴。这是我的代码： <template>
<div class="container">
<RingsProduction v-if="flag"></RingsProduction>
<RingsGuide v-else></RingsGuide>
<nav @click="s
浏览 71提问于2019-02-18得票数 0
回答已采纳
我有一个组件，在这里我试图从根调用一个方法。我尝试过从那里发出消息，但请记住，HTML中没有按钮可以触发this.How，我可以在没有按钮的情况下发出这个方法吗?我将把侦听器放在哪里？我想在一个项目中使用这个概念来更新分数。请提供建议。
Vue.component('item-edit', {
template: '#item-edit',
props: {
item: Object,
},
data() {
return {
inEdit: false,
}
},
methods:{
tog
浏览 0提问于2018-11-25得票数 0
回答已采纳
在Vue中可以在添加到v-on中的字符串上添加v-html事件吗？在这个例子中，当点击“麦琪”链接时，什么都不会发生。它似乎没有在Vue注册。
或者还有别的方法可以做到？我使用的是Vue.js 2.1.3
Javascript
window.onload = function() {
new Vue({
el: '#app',
data: {
users: ['Homer', 'Marge', 'Bart', 'Lisa', '<a hr
浏览 11提问于2016-12-07得票数 7
1回答
我想问您，在VUE.JS组件'A‘中，是否有可能调用另一个使用组件'A’的VUE.JS组件'B‘的方法。
谢谢
浏览 5提问于2020-10-09得票数 0
回答已采纳
我正试图从jQuery切换到Vue.js，我有点被困在这里了。我有三个按钮在页面上。当我点击一个按钮，我希望所有的其他按钮改变背景颜色为绿色和按钮被点击-改变它的颜色为黑色。
这只是jQuery的两行代码，但我不知道如何用Vue.js实现它。对于Vue.js，似乎也没有这个关键字。
而且，在这一点上，我只想应用原始的css背景颜色属性，而不是应用类。
这是我的jQuery代码-非常简单
<div class="main-content-area">
<div class="btn">Click me!</div>
浏览 3提问于2018-10-22得票数 4
回答已采纳
我有一个Vue 3应用程序，我想从另一个组件调用的方法。
以下是代码：
//main.js
import { createApp, h } from 'vue';
import Loading from '@/components/Loading'; // Global Loading Component
const App = {
computed: {
ViewComponent () {
return require(`./views/Index.vue`).default
}
},
浏览 8提问于2021-12-24得票数 1
Vue slot为开发者提供了极好的灵活性。
在插槽中进行父子通信时，使用eventbus是一种很好的方式。
但是在父级中使用$slots api时，我遇到了一些问题。
当插槽内容由指令呈现时，不会再次评估接口。
例如,
Vue.component('parent', {
template:'<div v-if="visible"> <slot></slot></div>',
data(){
return{
visible:false
}
},
浏览 1提问于2020-12-22得票数 1
2回答
以下是我所拥有的，我将尽我所能加以解释：
在我的HTML代码中有一个模型，如下所示：
id="favorites-modal-edit"是Vue.js应用程序，然后是<favorites-edit-component /> vue.js组件。
这里是我有的JS代码
我生成了我的favorites_list，它是一个对象数组，如下所示：
const favorites_list = [
{
id: 1,
name: 'Horse',
url: 'www.example.com
浏览 2提问于2021-02-03得票数 0
回答已采纳
我是vue.js的新手，我有两个不同的vue文件：
这是第一个文件：
import second from second.vue;
export default{
component: {second},
data() {return{
data: 'data',
}}
methods: {
function f1{
console.log(this.data);
}
},
mounted() {
this.f1;
}
}
这是第二个文件：
export default{
name: 'second
浏览 5提问于2019-12-06得票数 0
回答已采纳
2回答
我从vue.js开始，我正在阅读，以帮助我用v-for从DB加载一些帖子。
在每个帖子下面都有Edit和Delete按钮。我可以通过ID正确地删除每个帖子。我也可以打开input来正确地编辑帖子标题。
但是当我点击保存按钮时，我不能保存input更改。它返回到初始文本。
当我点击编辑时，它会打开所有的inputs标题。
有没有办法打开特定的帖子标题，并在保存后保留更改？
<div id="app" class="row mb-50">
<div v-for="(item, index) in tours" v-bind:
浏览 15提问于2020-05-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
