vue给对象动态添加属性和值的实例
一、背景
介绍:在vue中请求接口中,一个请求方法可能对应后台两个请求接口,所以请求参数就会有所不同。需要我们先设置共同的参数,然后根据条件动态添加参数属性。
二、案例
let that = this; let params = { "type":that.addQueTable.type, "discussTitle":that.addQueTable.discussTitle, }; // 区分普通题库还是模考题库 let addQuestionApi = ''; if(that.questionTypes == 0){ // 动态设置vue对象参数 Vue.set(params,'charpterId',that.charpterIds) addQuestionApi = api.saveBgInfoQuestion; }else{ Vue.set(params,'mockexamSectionId',that.charpterIds); addQuestionApi = api.saveMockQuestion; } that.$refs.addQueTable.validate((valid) => { if(valid){ that.$axios({ url:addQuestionApi, method: "post", data: qs.stringify(params), headers: { "Content-Type": "application/x-www-form-urlencoded" } }).....
三、使用介绍
// 1、页面导入Vuejs文件库 import Vue from 'vue' // 2、Vue.set即可,按照上面方式
以上这篇vue给对象动态添加属性和值的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
对VUE中的对象添加属性
背景:在通过接口获取数据集对象后,根据业务场景需要在数据集对象上增加额外的属性 data中定义的数据集对象mindData格式示例如下 mindData: [ {label:'清醒',value:'清醒'}, {label:'朦胧',value:'朦胧'}, {label:'嗜睡',value:'嗜睡'}, {label:'昏睡',value:'昏睡'}, {label:'谵妄',value:'谵妄'}, {label:'模糊',value:'模糊'}] 1) 通过post调用接口获取minDa
-
vue将对象新增的属性添加到检测序列的方法
vue中将对象中新增的属性增加到检测序列中 deepCopy(o1, o2) { // 将o2的内容拷贝给data中的o1 var key, i if (o2 instanceof Array) { for (i = 0; i < o2.length; i++) { if (o2[i] instanceof Array) { this.$set(o1, i, []) this.deepCopy(o1[i], o2[i]) } else if (o2[i] instanceof Object) {
-
vue给对象动态添加属性和值的实例
一.背景 介绍:在vue中请求接口中,一个请求方法可能对应后台两个请求接口,所以请求参数就会有所不同.需要我们先设置共同的参数,然后根据条件动态添加参数属性. 二.案例 let that = this; let params = { "type":that.addQueTable.type, "discussTitle":that.addQueTable.discussTitle, }; // 区分普通题库还是模考题库 let addQuestionApi = ''
-
JS实现给对象动态添加属性的方法
本文实例讲述了JS实现给对象动态添加属性的方法.分享给大家供大家参考,具体如下: 在工作用要用到给jd对象动态添加属性的要求,在网上找到了一种解决方式,实例如下: 1.demo var aa="maker"; var bb=123; var lists={}; eval("lists."+aa+"="+bb); eval('('+"lists."+aa+"="+bb+')'); console.log(li
-
JS动态给对象添加属性和值的实现方法
如下所示: var obj={}; for(var i=0;i<10;i++){ eval("obj.p"+i+"="+i); } 以上就是小编为大家带来的JS动态给对象添加属性和值的实现方法全部内容了,希望大家多多支持我们~
-
遍历json 对象的属性并且动态添加属性的实现
昨天因为公司的一个需求,所以就研究了一下json对象的属性的遍历和动态修改: var person= { name: 'zhangsan', pass: '123' , 'sni.ni' : 'sss', hello:function (){ for(var i=0;i<arguments.length;i++){ //在不知参数个数情况下可通过for循环遍历 // arguments这个是js 默认提供 alert("arr["+i+"]="+argumen
-
在Vue组件上动态添加和删除属性方法
如下所示: 在组件上添加属性 this.$set(this.data,"obj",value'); 删除属性this.$delete(this.data,"obj",value'); 以上这篇在Vue组件上动态添加和删除属性方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们. 您可能感兴趣的文章: Vue.js动态添加.删除选题的实例代码 详解Vue 动态添加模板的几种方法
-
VUE table表格动态添加一列数据,新增的这些数据不可以编辑(v-model绑定的数据不能实时更新)
一.问题 用elementUi横着增加一行数据没毛病,可以操作 添加一列,这新增的这一列, 第一次去赋值的时候值是改了, 但没生效 点击下一行时 值就变过来 二.原因 横向添加 是复制上面的某一条数据来的,因为data里面有这些属性的定义,所以横向添加没问题 而纵向添加的数据,因为没有事先在 el-select v-modle="" 里面定义好字段,定义好的option是通过v-for出来的(option是写死的就不会有这个问题),就会出现选择后,select元素上无法展示,但是其实数
-
Java 类动态添加属性字段的操作
说明: 做项目中遇到一种场景,需要根据查询时间段, 获取时间段中中每个月份对应的金额(费用统计). 如截图中的两列 因为列是动态的, 首先想到的就是后天拼接JSON格式字符串, 然后返回到前台, 组装表头及内容. 但是当前系统中easyUI版本为1.2,并不支持 data属性(官方从1.3.2开始支持).所以只能返回list<T> 格式. 网上一搜相关代码很多, 看客可以自己搜索一下. 我这里记录一下我当时使用场景及用法,已备以后使用. 1.需要引用cglib jar包, 我用的版本是2.2
-
Java cglib为实体类(javabean)动态添加属性方式
1.应用场景 之前对接三方平台遇到一个参数名称是变化的,然后我就想到了动态javabean怎么生成,其实是我想多了,用个map就轻易解决了,但还是记录下动态属性添加的实现吧. 2.引入依赖 <!--使用cglib 为javabean动态添加属性--> <dependency> <groupId>commons-beanutils</groupId> <artifactId>commons-beanutils</artifactId>
-
Java为实体类动态添加属性的方法详解
目录 添加依赖 代码 测试 可以给已有实体类动态的添加字段并返回新的实体对象,不影响原来的实体对象结构. 添加依赖 <dependency> <groupId>cglib</groupId> <artifactId>cglib</artifactId> <version>2.2.2</version> </dependency> <dependency> <groupId>commons
随机推荐
- 中国各个省份简称
- 用Java打印九九除法表代码分析 原创
- php选择排序法实现数组排序实例分析
- MySQL 密码设置
- 获取url中用&隔开的参数实例(分享)
- 常用jQuery选择器汇总
- sql 常用技巧整理
- oracle 索引组织表的深入详解
- 基于Jquery和html5的7款个性化地图插件
- JavaScript数据类型转换的注意事项
- javascript数组输出的两种方式
- 用C++实现一个链式栈的实例代码
- java集合map取key使用示例 java遍历map
- 使用C#的aforge类库识别验证码实例
- 解析libcurl在android下的移植、编译与测试
- 批处理文件(Batch File)里的Substring操作
- python ansible服务及剧本编写
- Struts2学习教程之自定义类型转换器的方法
- 深入了解final在java中的应用
- python实现简单flappy bird