vue如何触发某个元素的单击事件?

摘要:
11112222333单击触发varvm=newVue的单击事件。
<a class="link" @click.native="test">1111</a>
<a class="link" @click.native="test">2222</a>
<a class="link" @click.native="test">333</a>

<button @test='shout'>点击我触发a的单击事件</button>

  <script type="text/javascript">
    var vm = new Vue({
      el:"#app",
      methods: {
        test: function () {
          console.log(1);
          this.$emit('test');//把a标签的点击事件分发
        },
        shout:function () {
          console.log('我触发了它');
        }
      }
    })
  </script>
应该是这样的。待考察

免责声明:文章转载自《vue如何触发某个元素的单击事件?》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇线程中断总结记录一下:给电推剪改锂电池下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

IOS键盘样式风格有关设置

一、键盘风格 UIKit框架支持8种风格键盘。 typedefenum{ UIKeyboardTypeDefault,//默认键盘:支持所有字符 UIKeyboardTypeASCIICapable,//支持ASCII的默认键盘 UIKeyboardTypeNumbersAndPunctuation,//标准电话键盘,支持+*#等符号 UIKe...

vue自定义日期选择,类似美团日期选择,日历控件,vue日历区间选择

一个日历的控件,基于vue的,可以日历区间选择,可用于酒店日历区间筛选,动手能力强,可以修改成小程序版本的,先上效果图 里面的颜色样式都是可以修改的 选择范围效果 话不多说,直接上干货,代码可以直接复制访问 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4...

设计模式之命令模式-JS

理解命令模式 假设有一个快餐店,而我是该餐厅的点餐服务员,那么我一天的工作应该是这样的:当某位客人点餐或者打来订餐电话后,我会把他的需求都写在清单上,然后交给厨房,客人不用关心是哪些厨师帮他炒菜。我们餐厅还可以满足客人需要的定时服务,比如客人可能当前正在回家的路上,要求1个小时后才开始炒他的菜,只要订单还在,厨师就不会忘记。客人也可以很方便地打电话来撤销订...

VUE路径问题

import: html文件中,通过script标签引入js文件。而vue中,通过import xxx from xxx路径的方式导入文件,不光可以导入js文件。“xxx”指的是为导入的文件起一个名称,不是指导入的文件的名称,相当于变量名。“xxx路径”指的是文件的相对路径. src下有components,router文件夹和App.vue文件,comp...

QDialog 添加最大化、最小化按钮和关闭按钮,并且要正常显示

在使用QDialog时,默认情况下只有“这是什么”和“关闭”按钮(不知道为什么QT要这么做),但是我们习惯有最大化和最小化按钮。本文介绍如何在该模式下如何设置。 新建一个QDialog工程,然后打开Dialog.cpp文件,在Dialog的构造函数里写入如下的代码即可: [cpp] view plain copy   print? Qt::Wind...

c#Winform程序的toolStripButton自己定义背景应用演示样例源代码

C# Winform程序的toolStrip中toolStripButton的背景是蓝色的,怎样改变背景及边框的颜色和样式呢? 实现此功能须要重写toolStripButton的Paint方法 这里仅仅是给出解决这个问题的思路和方法,例如以下图,当鼠标移到button上,背景会变为黑色 实现代码例如以下: ToolStripBu...