vue中select框初始化首次触发change事件问题

摘要:
data(){return{changeFlag:false}},methods:{changeDwmc{if{//修改选项时操作this.form.city_id='';}else{//进入页面时,页面初始化this.changeFlag=true;}//其他共同操作}}
一、问题描述

通常我们的需求是改变 select 的选项才会触发 change 事件,但是意料之外,页面初始化的时候也会触发 change 事件。

二、应用场景

进编辑页初始化的时候对select赋值,又会触发change事件。

期望:

进入编辑页初始化赋值时不触发change,手动选择select时触发change。

解决方法:

设置一个标志,根据标志决定执行那些方法。

data() {
  return{
    changeFlag: false}
},
methods: {
  changeDwmc(val) {
    if (this.changeFlag) {
      //修改选项时操作
      this.form.city_id = '';
    } else{
      //进入页面时,页面初始化             
      this.changeFlag = true;
    }
    //其他共同操作
}
}

免责声明:文章转载自《vue中select框初始化首次触发change事件问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C# 委托及各种写法MFC编程入门之二十(常用控件:静态文本框)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Ctrl+H 浪潮Raid配置文档

说明 本手册适用于LSI芯片Raid卡 包括但不限于Inspur 2008/2108 Raid卡、LSI 9240/9260/9261/9271 等Raid卡。 不同型号的Raid卡在某些功能上的支持性不同(例如Inspur2008 Raid卡需要有授权才支持Raid5),具体因您的配置而定。 Raid配置与管理 服务器开机自检到浪潮logo画面后,下一步...

Vue.js 诞生及发展史

前言 前端现在可以说是百花齐放,开发的效率是不断的提升,前端的三大主流框架 Vue 、Angular 、React 其中 Angular 是2009年诞生的,一开始出来挺火的,后面随着版本的升级,Angular的变化比较大,增加了使用学习的成本,渐渐的失去了优势,React和Vue的原理基本上是一样的,诞生比Vue早,所以Vue结合了Angular和Rea...

STM32H743 | FDCAN 波特率问题

STM32H743 | FDCAN 波特率问题 直奔主题,最近项目上接触了FDCAN,主控为STM32H743。在开发过程中存在疑点,特此记录。 疑点:芯片手册上,波特率的相关寄存器位标明硬件将该值解析为编程值加1,但是实际上通过STM32 HAL库的HAL_FDCAN_Init()函数来初始化FDCAN时,我们给FDCAN初始化结构体的成员变量所赋的值...

vue 三个环境域名 与 访问url域名不一致 配置,要是一样完全可以 取url地址

# just a flagENV = 'development' # base apiVUE_APP_BASE_API = 'http://dev.api.watermarker-v1.moviebook.cn'       # just a flagENV = 'production'# base apiVUE_APP_BASE_API...

使用select实现非阻塞socket | dbafree首页

使用select实现非阻塞socket | dbafree首页 在linux,perl,python上都存在select系统调用。下面这两个python程序,可以用来学习和调试select操作。 参考至:http://blog.chinaunix.net/space.php?uid=199788&do=blog&id=99434 1.服务...

sql 简单查询修改

1.group by order by select siteid count(*)as 1 from webdb where gathtrime between '2017-06-14 00:00:00' and '2017-06-14 23:59:59'group by siteid order by 1desc 2 inlimit sel...