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

缺乏、安全感 2023-10-02 17:25 45阅读 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 条评论，45人围观）

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

相关阅读

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

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

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

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

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

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

相关 vue的create、mounted等方法只执行一次

vue的create、mounted等方法只执行一次问题解决方法：多个不同组件之间的切换的话create、mounted等方法每次都会执行，如果是同一种组件多个页

比眉伴天荒/ 2023年07月24日 02:17/ 0 赞/ 12 阅读

相关 vue中事件修饰符

vue中提供几种事件修饰： 1、.stop ：阻止冒泡 <!DOCTYPE html> <html lang="en"> <head>

曾经终败给现在/ 2023年07月13日 12:12/ 0 赞/ 27 阅读

相关 vue使用once修饰符，使事件只能触发一次

使用once修饰符，使事件只能触发一次多个修饰符可以同步使用  <div id="app"> <!--

谁借莪１个温暖的怀抱￠/ 2023年07月11日 06:23/ 0 赞/ 24 阅读

相关 Vue 事件修饰符

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

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

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

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

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

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

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

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

相关 vue 事件修饰符

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

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

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

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

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