vue事件修饰符：v-once只执行一次

缺乏、安全感 2023-10-02 17:25 9阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            
        </style>
    </head>
    <body>
        <div id="app">
            <p >{
       {a}}</p>
            <button @click.once="add">按我加1</button>
        </div>
        <script src="js/vue.js"></script>
        <script>
            var vue = new Vue({
          
                el:"#app",
                data:{
          
                    a: 100
                },
                methods:{
          
                    add(event) {
          
                        this.a++
                        console.log(this.a)
                    }
                }
            })
        </script>
    </body>
    </html>

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5a2m5Lqu57yW56iL5omL6K6w_size_13_color_FFFFFF_t_70_g_se_x_16]

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5a2m5Lqu57yW56iL5omL6K6w_size_13_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/21675c98330f4e658df5b9c413f7944c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5a2m5Lqu57yW56iL5omL6K6w,size_13,color_FFFFFF,t_70,g_se,x_16

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java一定时间后执行一次任务，只执行一次

import lombok.extern.slf4j.Slf4j; import org.springframework.stereotype.Componen

以你之姓@/ 2024年03月24日 09:54/ 0 赞/ 60 阅读

相关 vue事件修饰符：v-once只执行一次

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

缺乏、安全感/ 2023年10月02日 17:25/ 0 赞/ 10 阅读

相关 Vue 事件修饰符

在事件处理程序中调用 `event.preventDefault()` 或 `event.stopPropagation()` 是非常常见的需求。尽管我们可以在方法中轻松实

心已赠人/ 2022年12月22日 09:20/ 0 赞/ 245 阅读

相关 vue修饰符（事件修饰符，表单元素修饰符，按键修饰符）

注意修饰符可连缀事件修饰符 @事件名.修饰符=“” .prevent 拦截默认事件 .stop 拦截冒泡事件 .capture 改变事件执行顺序 .se

绝地灬酷狼/ 2022年11月29日 11:26/ 0 赞/ 231 阅读

相关 android tabhost 只执行一次问题

使用tabhost做底部菜单时，发现多次切换tabhost 所调用的activity只执行一次。其实可以通过： tabHost.ad

水深无声/ 2022年08月11日 00:56/ 0 赞/ 212 阅读

相关使用JS监听鼠标滚轮事件，并且滑动一次只执行一次事件方法

使用JS监听鼠标滚轮事件，并且滑动一次只执行一次事件方法 function autoRoll() { $(document).on("mou

迷南。/ 2022年06月12日 06:51/ 0 赞/ 430 阅读

相关 Vue修饰符（事件修饰符、按键修饰符...）

基本页面 1. 修饰符修饰符是由点开头的指令后缀来表示的 2. 下载vue.js并引入 3. 初始化vue实例 <!DOCTYPE html

秒速五厘米/ 2022年03月18日 08:38/ 0 赞/ 438 阅读

相关 vue 事件修饰符

> <!DOCTYPE html> > <html lang="en"> > > <head> > <meta charset="UTF-8"> > <m

朱雀/ 2022年02月21日 08:55/ 0 赞/ 335 阅读

相关 js计时器setInterval（）只执行一次

今天做了一个倒计时的案例，代码如下: function clock() { var nowTime = new Date();

今天药忘吃喽~/ 2022年01月28日 09:49/ 0 赞/ 390 阅读

相关 js事件执行多次，只执行最后一次

可以使用定时器解决！ //写在事件外边，防止被注销 var iTime; /筛选过滤/ $('input.column_

逃离我推掉我的手/ 2021年07月26日 11:26/ 0 赞/ 718 阅读