使用 v-on 指令来监听DOM事件

news/2024/7/10 3:21:48 标签: vue

监听事件
我们可以使用 v-on 指令 (通常缩写为 @ 符号) 来监听 DOM 事件,并在触发事件时执行一些 JavaScript。用法为 v-on:click=“methodName” 或使用快捷方式 @click=“methodName”

例如:

<div id="basic-event">
  <button @click="counter += 1">Add 1</button>
  <p>The button above has been clicked {{ counter }} times.</p>
</div>
Vue.createApp({
  data() {
    return {
      counter: 0
    }
  }
}).mount('#basic-event')

http://www.niftyadmin.cn/n/957938.html

相关文章

spring mvc获取header

两种方法&#xff1a; 1.在方法参数中加入RequestHeader 2.在类级别注入HttpServletRequest 建议使用第二种方法&#xff0c;这样可避免每个方法都加入HttpHeaders参数 Controller RequestMapping("/hello") public class HelloController { Autowired …

域名/IP访问显示“拒绝了我们的连接请求”

1.先ping看ping的通不 2.查看Apache,Nginx等web服务器是否正常 3.查看服务器防火墙是否关闭

Git Reset 三种模式

有时候&#xff0c;我们用Git的时候有可能commit提交代码后&#xff0c;发现这一次commit的内容是有错误的&#xff0c;那么有两种处理方法&#xff1a; 1、修改错误内容&#xff0c;再次commit一次 2、使用git reset 命令撤销这一次错误的commit 第一种方法比较直接&#xff0…

php xml转json 总有一个适合你

public function changeXml($res){$xml simplexml_load_string($res);$xmljson json_encode($xml);$xml json_decode($xmljson, true);return $xml;}//Xml转数组public function xmlArr($xml){if ($xml ) return ;libxml_disable_entity_loader(true);$arr json_decode(js…

我的错误代码,todolist的文本框和插入按钮,8080已经白屏了

<template><div><input tpye "text"></input><button v-model"charu">插入</button></div> </template><script> import HelloWorld from ./components/HelloWorld.vueexport default {name: App,…

Linux安装ftp服务

linux安装ftp服务 1、打开终端&#xff0c;修改root用户密码&#xff1a;sudo passwd root 然后会要求输入当前用户的密码 接着输入root的密码 最后确认输入root的密码 2、切换到root用户&#xff1a;su root 然后要求输入root的密码 3、rpm -qa |grep vsftpd 可以检测出是否安…

为什么这里的props没有被保留,是vue2和vue3版本之间差异的问题吗?本可以保留的?什么情况下这里需要用props?

<template><div><div class"input-part"><input type"text"><button>插入</button></div><ul><li><p>内容</p></li></ul></div> </template><script> e…

Jackson教程

https://www.sxt.cn/jackson/jackson.html