[转]Vue中用props给data赋初始值遇到的问题解决

Vue中用props给data赋初始值遇到的问题解决

Vue中用props给data赋初始值遇到的问题解决更新时间:2018年11月27日 10:09:14 作者:yuyongyu 我要评论这篇文章主要介绍了Vue中用props给data赋初始值遇到的问题解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧前言前段时间做一个运营活动的项目,上线后产品反馈页面埋点不对,在排查过程中发现,问题竟然是由于Vue中的data初始值导致,而data的初始值来自于props.为方便描述,现将问题抽象如下: 一.…

[转]Vue中用props给data赋初始值遇到的问题解决

原文地址:https://segmentfault.com/a/1190000017149162 2018-11-28更:文章发布后因为存在理解错误,经@Kim09AI同学提醒后做了调整,在此深表感谢.其他不足之处,还望不吝赐教. 前言前段时间做一个运营活动的项目,上线后产品反馈页面埋点不对,在排查过程中发现,问题竟然是由于Vue中的data初始值导致,而data的初始值来自于props.为方便描述,现将问题抽象如下: 一.现象代码: <!DOCTYPE html> <html la…

vue & modal props & form data update bug

vue & modal props & form data update bug OK <div> <BindModal :dialogBindVisible="dialogBindVisible" :dialogBindData="dialogBindData" @close-bind-item="closeBindItem" @save-bind-item="saveBindItem" /…

Bash 什么时候会给 HOME 赋初始值

今天无意发现下面这个表现: $ env -i bash -c cd bash: line 0: cd: HOME not set $ env -i bash -c 'echo $HOME' 这表明了,Bash 只会从环境变量中继承 HOME 变量,从来不自己初始化它?为了证实这个想法,我去翻了下源码,发现其实并不是,在一种情况下,Bash 是会主动初始化 HOME 变量的: && posixly_correct == ) set_home_var (); 从这句源码看出,Bash 只有在…

static 和 final 关键字对实例变量赋初始值的影响

static 和 final 关键字对实例变量赋初始值的影响最近一直在看<深入理解Java虚拟机>,在看完了对象内存分配.Class文件格式之后,想深扒一下实例变量是如何被赋上初始值的这个问题的细节. 在2.3.1小节中讲对象创建的时候,讲到内存分配有两种方式:一种是指针碰撞:另一种是空闲列表. 而选择哪种分配方式是由JAVA堆是否规整决定,而JAVA堆是否规整则由虚拟机所采用的垃圾收集器是否带压缩整理功能决定. 我们不管内存分配采用何种方式,当内存分配完成后,虚拟机将分配到的内存空间都初…

（二）用控制器controller给模型数据赋初始值

之前博客,非常easy的就实现了模型数据和页面显示的自己主动绑定.如今我们使用控制器,给模型赋初始值. 假设使用jquery来实现变量赋初值,须要在页面载入完毕后运行$("#target").attr("value",selfValue);使用AngularJS代码例如以下: <!doctype html> <html lang="en" ng-app> <head> <meta charset=&quo…

C语言赋初始值

…

vector 赋初始值的问题

这个,输出为1 这个,啥都输不出来．据说是因为没有初始化．其实我搜了一下 vector<vector<int> > A;//正确的定义方式 vector<vector<int>> A;//c++11之前这样定义是错误的,c++11之后支持这种定义方式因为>>会被认为是右移运算符但是c11标准允许了所以定义的时候要注意,如果有嵌套,要赋初始值…

静态Map类型变量赋初始值

private static Map<String,String> sysTypeList = new HashMap<String, String>(); static { sysTypeList.put("1", "系统参数"); sysTypeList.put("2", "接口参数"); sysTypeList.put("3", "系统功能"); sysTy…

DropdownList 赋初始值问题

网上查了这样的代码虽然是可以用.但是会点击多次会出现”“ dropdownList不能选多个值的问题“ private void initdroplistitemlirun(string c_Business) { if (this.Dplirun.Items.FindByText(c_Business) != null) { ; i < this.Dplirun.Items.Count; i++) { this.Dplirun.Items[i].Selected = false; if (t…

关于Delphi中二维数组赋初始值

dctb:array[1..2,1..38] of Single=((0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0), (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0) ):…

十三、SAP中定义变量时赋初始值

一.代码如下二.输出如下…

asp.net webapi 给字段赋初始值DefaultValue 解决前端传空字符串后台接受不是“”而是NULL

/// <summary> /// 存储ID /// </summary> public Guid SaveID { get; set; } /// <summary> /// 类型ID /// </summary> [DefaultValue(0)] public int DefineID { get; set; } /// <summary> /// 红线内 /// </summary> [DefaultValue(0.000)]…

Vivado寄存器初始值问题

前言本复位只针对Vivado中的寄存器复位. 什么时候需要复位?到底要不要复位?怎么复位?复位有什么卵用? 该复位的寄存器需要复位,复位使得寄存器恢复初始值,有的寄存器并不需要复位(数据流路径上). 官方说法如下:具体可查看ug949. 流程所以,问题来了,为了不使用复位信号该怎么赋初始值. 注意:reg语句中给寄存器赋初始值,在FPGA上电配置后值就为这个初始值. 如果只有复位语句中的初始值,那么上电配置(configuration )后和复位(reset)后寄存器都为此初始值. 如果re…

datetime-local设置初始值

//全局变量 var format = ""; //构造符合datetime-local格式的当前日期 function getFormat(){ format = ""; var nTime = new Date(); format += nTime.getFullYear()+"-"; format += (nTime.getMonth()+1)<10?"0"+(nTime.getMonth()+1):(nTime.…

C++类成员默认初始值

有时候我们会不给C++类成员变量赋初始值,或是因为忘记在构造函数中指定(C++11可以写在类内),或是觉得没有必要写.然而,因为觉得编译器会把变量赋成0而不写是错误的.本文通过C++标准来解释这个问题. 本文基于N3337(C++11草案)标准. 关于没有初始化器的对象,在8.5-11中有提及: If no initializer is specified for an object, the object is default-initialized; if no initialization…

简单模拟IOC容器：为添加了@Autowired的属性赋值（初始值）

创建@Autowired注解 package com.zzj.test; import java.lang.annotation.ElementType; import java.lang.annotation.Retention; import java.lang.annotation.RetentionPolicy; import java.lang.annotation.Target; //设置范围和生存周期 @Target({ElementType.TYPE,ElementType.FI…

谁先执行？props还是data或是其他？ vue组件初始化的执行顺序详解

初入vue的朋友可能会疑惑,组件初始化的时候,created,props,data到底谁先执行? 今天,我就带大家从源码的角度看看到底谁先执行? 我们知道,vue是个实例那我们就从new Vue()开始,看看到底做了什么,首先是_init方法,初始化,我们点进去继续看看可以看到首先是进行初始化生命周期,初始化事件中心,初始化渲染等操作,在created之前,这也就说明了为什么在created的时候无法进行dom操作好了,这里主要的是initState函数,我们继续点进去好了看到这个函数…

关于Vue中props的详解

看一下官方文档: 组件实例的作用域是孤立的.这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据.父组件的数据需要通过 prop 才能下发到子组件中. 也就是props是子组件访问父组件数据的唯一接口. 详细一点解释就是: 一个组件可以直接在模板里面渲染data里面的数据(双大括号). 子组件不能直接在模板里面渲染父元素的数据. 如果子组件想要引用父元素的数据,那么就在prop里面声明一个变量(比如a),这个变量就可以引用父元素的数据.然后在模板里渲染这个变量(前面的a),这时候渲染…

vue 组件 props 和event

组件是可扩展的HTML元素,封装可重用的代码. 使用祖册的组件,要确保在初初始化根实例之前注册组件注册的组件中,data必须是函数父组件通过props向子组件传递数据,子组件通过事件events给父组件发送消息. 组件实例的作用域是孤立的 props是单向绑定的:当父组件的属性变化时,将传递给子组件,但是不会反过来.这是为了防止子组件无意修改父组件的状态:每次父组件更新时, 子组件的所有props都会更新为最新值,这意味着你不应该在子组件内部改变prop,如果你这么做了,Vue会在控制台给出…

vue之props传值与单向数据流

(1)组件通信父组件向子组件传递数据.这个正向传递数据的过程就是通过props来实现的. 两者区别:props中声明的数据与组件data函数return返回的数据的主要区别就是props来自父级,而data中是组件自己的数据,作用域是组件本身,这两种数据都可以在模板template.计算属性computed.方法methods中使用. <!DOCTYPE html> <html> <head lang="en"> <meta charset=…

Vue 恢复初始值的快速方法

vue 中经常定义很多data ,在用户进行一些操作后,需要讲data中的某个对象定义为初始值例如 form: { title: '', describe: '', inspectionCategoryIdList: [], enterpriseId: '', selectInc: { name: '' } } } 这样一个复杂的对象,我们需要讲他们全部定义为初始值也许我我们可以这么写 this.form = { title: '', describe: '', inspectionCate…

vue使用props动态传值给子组件里的函数用，每次更新，呼叫函数

父组件 <template> <div id="app"> <div>详情内容</div> <button v-on:click="startCount">开始</button> <Info :startCountsub="startCountState" /> </div> </template> <script> impor…

vue & components & props & methods & callback

vue & components & props & methods & callback demo solution 1 & props & data <template> <div v-if="isShowCorpCard" @click="AutoSkip" :class="isShowAlias ? `corp-card-container-big` : `corp-card-con…

vue & watch props

vue & watch props bug OK watch: { // props // chatObj: () => { // // bug // log(`this.chatObj =`, JSON.stringify(this.chatObj, null, 4)); // }, chatObj: (newValue, oldValue) => { // OK log(`old chatObj =`, JSON.stringify(oldValue, null, 4)); log…

“System.Data.SqlClient.SqlConnection”的类型初始值设定项引发异常---解决方案

"System.Data.SqlClient.SqlConnection"的类型初始值设定项引发异常问题出在了 .net 的C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\CONFIG\machine.config 文件里.可能是安装其他软件导致配置文件被修改导致. 解决办法:将machine.config用同在一个目录下的machine.config.default替换.…

System.Data.Entity.Internal.AppConfig 类型初始值设定项引发异常

在一开始时将connectionStrings 写在了configSections之上如下图一示,结果抛出:“System.Data.Entity.Internal.AppConfig”的类型初始值设定项引发异常. 图一:最初配置图二:抛出异常解决方法,是将connectionStrings 写在了configSections之下,如图三图三:调整后的配置…

【WinForm】“System.Data.SqlClient.SqlConnection”的类型初始值设定项引发异常，无法识别的配置节 system.serviceModel

出现问题的原因: 在本机上没有出现问题,让一个同事测试的时候,在另外一台电脑上出现连接数据库失败,系统不能打开的问题在网上搜了一下,有说是数据库连接字符串错误的,有说app.config文件配置不匹配等原因的.总之是没有解决这个问题出现问题的错误信息,不全,只给出了主要的信息:如下错误描述:Void .ctor() System.TypeInitializationException: “System.Data.SqlClient.SqlConnection”的类型初始值设定项引发异常.…

使用EF访问数据库，出现“System.Data.Entity.Internal.AppConfig”的类型初始值设定项引发异常。

今天在使用的EF时候,发生了"System.Data.Entity.Internal.AppConfig"的类型初始值设定项引发异常.这样的一个错误查了原因,原来是appconfig中,connectionStrings的位置放错了.因为configSections必须是appconfig的第一个节点这样是不对的. 应该是感觉这种情况应该不仅仅只限于这个EF,只要configSections不是第一个标签就会有问题,也适用于其他情况~~…

Vue实例的的data对象

介绍 Vue的实例的数据对象data 我们已经用了很多了,数据绑定离不开data里面的数据.也是Vue的核心属性. 它是Vue绑定数据到HTML标签的数据源泉,另外Vue框架会自动监视data里面的数据变化,自动更新数据到HTML标签上去.本质原理是:Vue会自动将data里面的数据进行递归抓换成getter和setter,然后就可以自动更新HTML标签了,当然用getter和setter所以老的浏览器Vue支持的不够好. data对象的类型: 类型是Object或者Function. 如果是组…

【[转]Vue中用props给data赋初始值遇到的问题解决】的更多相关文章