首页 > 其他分享 >52、监听器watch

52、监听器watch

时间:2023-01-04 22:11:29浏览次数:40  
标签:app watch 52 监听器 store 属性

想要监听那个属性,就在watch中编写对应属性的方法即可

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>监听器</title>
    <!-- 开发环境版本,包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <input v-model="store" type="number">
    </div>
</body>
</html>
<script>
    var app = new Vue({
        el: "#app",
        data:{
            store: 0
        },
        watch:{
            //监听store属性
            store(){
                if(this.store >= 3){
                    alert("超出库存")
                }
            }
        }
    })
</script>

标签:app,watch,52,监听器,store,属性
From: https://www.cnblogs.com/morehair/p/17026140.html

相关文章

  • 【LeeCode】152. 乘积最大子数组
    【题目描述】给你一个整数数组 ​​nums​​ ,请你找出数组中乘积最大的非空连续子数组(该子数组中至少包含一个数字),并返回该子数组所对应的乘积。测试用例的答案是一个 32......
  • v-mode和v-for和虚拟dom和v-bind对于class增强,computed计算属性和watch属性侦听器
    v-mode双向数据绑定(重点)基本使用:给表单元素使用,双向数据绑定(1)当数据变化了,视图也会跟着变化(2)视图变化了,数据也会跟着变化(输入框内容变化了(监听用户的输入,监听input事件),......
  • 题解 P3526 [POI2011]OKR-Periodicity
    P3526[POI2011]OKR-Periodicitynb题。先说一下这题的入手点。不妨假设一个字符串一定存在一个短周期(约定周期\(p\)满足\(2p\leq|s|\)的为短周期),假设短周期的长度......
  • CTO也糊涂的常用术语(01-04)文档-20180525更新
    功能模块、业务架构、需求分析、用户需求、系统分析、功能设计、详细设计、文档、业务、技术……很多被随口使用的名词,其实是含糊甚至错误的。到底含糊在哪里,错误在哪里,不仅......
  • 第二十章《Java Swing》第4节:事件处理与监听器
    ​当程序员向窗体上添加了按钮等组件之后就能够操作这些组件,但在20.3小节的各个案例中,虽然在窗体上添加了一些按钮,但点击这些按钮并没有任何反应,因此这些按钮也就成了毫无意......
  • 2022.01.03 区间建仓352法
    区间建仓352法又称菱形建仓法提前做好规划以东财为例,个股占总仓位数不能超10%总仓位25万的话,东财应该最多2.5万,对应到19.27的股价,接近于1300股=10%1.352建仓法购......
  • day52- 数据库的列类型与字段属性
    数据库的列类型数值tinyint十分小的数据一字节smallint较小的数据二字节int标准的整数四字节bigint较大的数据八字节float浮点数四字节dou......
  • NC52867 Highway
    题目链接题目题目描述InICPCCamptherewerentownsconvenientlynumberedwith\(1,2,\dots,n\)connectedwith(n-1)roads.Thei-throadconnectingtown......
  • 你的 GitHub 年度报告「GitHub 热点速览 v.22.52」
    辞旧迎新的日子,又是年度报告满天飞的时候。GitHub也不落其他平台之后,推出了用户GitHubContributions报告。不知道,今年的你是不是比去年搬了更多的砖呢?在本期的News......
  • Vue3:子组件 watch 父组件传递的 props,watch 不触发,该如何通知子组件更新?
    问题阐述问题描述父组件传递给子组件props,由于父组件的业务需求,希望子组件通过watch监听props修改数据。父组件模板:<PaginationPageref="pagination"@fixed......