网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

怎么在vue中使用v-onclick="函数"

今天就跟大家聊聊有关怎么在vue中使用v-onclick="函数",可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

成都创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站建设、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的同江网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

v-on:click/mouseout/mouseover/dblclick/mousedown.....

事件:

v-on:click="函数"
v-on:click/mouseout/mouseover/dblclick/mousedown.....

new Vue({
  el:'#box',
  data:{ //数据
    arr:['apple','banana','orange','pear'],
    json:{a:'apple',b:'banana',c:'orange'}
  },
  methods:{
    show:function(){  //方法,这里是show,不能用alert
      alert(1);
    }
  }
});

实例:为data添加数据




  
  www.jb51.net 为data添加数据
  
  
  


  
    
    
    
                   {{value}}            
  

运行效果:

怎么在vue中使用v-onclick=

实例:点击按钮,div显示/消失,切换。v-show="a"




  
  www.jb51.net 点击按钮,div显示/消失,切换。v-show="a"
  
  
  


  
    
    
    
  

实例:vue简易留言本




  
  www.jb51.net vue简易留言本
  
  
  
  
  
  


  
    
      
        用户名:
        
      
      
        年 龄:
        
      
      
        
        
      
    
    
           用户信息表                序号         名字         年龄         操作                       {{index+1}}         {{item.name}}         {{item.age}}                    删除                                           删除全部                                           

暂无数据....

                                                                                     ×                          确认删除么?                                   取消             确认                                   

运行效果:

怎么在vue中使用v-onclick=

看完上述内容,你们对怎么在vue中使用v-onclick="函数"有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


网页标题:怎么在vue中使用v-onclick="函数"
当前地址:http://bjjierui.cn/article/giseeo.html

其他资讯