vue给对象动态添加属性和值的实例


Posted in Javascript onSeptember 09, 2019

一、背景

介绍:在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给对象动态添加属性和值的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
测试你的JS的掌握程度的代码
Dec 09 Javascript
浅析javascript中function 的 length 属性
May 27 Javascript
浅谈JavaScript中Date(日期对象),Math对象
Feb 05 Javascript
jQuery读取XML文件内容的方法
Mar 09 Javascript
Javascript中的包装类型介绍
Apr 02 Javascript
javascript动态生成树形菜单的方法
Nov 14 Javascript
jquery判断input值不为空的方法
Jun 05 Javascript
Vue实现typeahead组件功能(非常靠谱)
Aug 26 Javascript
vue项目中引入noVNC远程桌面的方法
Mar 05 Javascript
js中int和string数据类型互相转化实例
Jan 16 Javascript
微信小程序swiper禁止用户手动滑动代码实例
Aug 23 Javascript
JavaScript实现轮播图片完整代码
Mar 07 Javascript
关于layui表单中按钮自动提交的解决方法
Sep 09 #Javascript
layui原生表单验证的实例
Sep 09 #Javascript
layui的表单提交以及验证和修改弹框的实例
Sep 09 #Javascript
layui插件表单验证提交触发提交的例子
Sep 09 #Javascript
Node.js之删除文件夹(含递归删除)代码实例
Sep 09 #Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
Sep 09 #Javascript
微信小程序 wx:for遍历循环使用实例解析
Sep 09 #Javascript
You might like
php检测useragent版本示例
2014/03/24 PHP
php构造函数的继承方法
2015/02/09 PHP
php从数据库中读取特定的行(实例)
2017/06/02 PHP
php实现的中秋博饼游戏之绘制骰子图案功能示例
2017/11/06 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
网页设计常用的一些技巧
2006/12/22 Javascript
javascript 二分法(数组array)
2010/04/24 Javascript
jquery弹出框的用法示例(一)
2013/08/26 Javascript
JS中判断JSON数据是否存在某字段的方法
2014/03/07 Javascript
js获取元素相对窗口位置的实现代码
2014/09/28 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
2015/08/05 Javascript
jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码
2015/08/24 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
2019/12/19 Javascript
深入浅析vue全局环境变量和模式
2020/04/28 Javascript
js实现验证码功能
2020/07/24 Javascript
[04:29]2014DOTA2国际邀请赛 主赛事第三日TOPPLAY
2014/07/21 DOTA
python基于Tkinter库实现简单文本编辑器实例
2015/05/05 Python
python网络编程之数据传输UDP实例分析
2015/05/20 Python
Python爬虫包 BeautifulSoup  递归抓取实例详解
2017/01/28 Python
Python利用matplotlib.pyplot绘图时如何设置坐标轴刻度
2018/04/09 Python
python实现黑客字幕雨效果
2018/06/21 Python
对numpy数据写入文件的方法讲解
2018/07/09 Python
python中的句柄操作的方法示例
2019/06/20 Python
python 实现在一张图中绘制一个小的子图方法
2019/07/07 Python
快速了解Python开发环境Spyder
2020/06/29 Python
python 模拟登陆github的示例
2020/12/04 Python
CSS3色彩模式有哪些?CSS3 HSL色彩模式的定义
2016/04/26 HTML / CSS
瑞典网上购买现代和复古家具:Reforma
2019/10/21 全球购物
英国Radley包德国官网:Radley London德国
2019/11/18 全球购物
求职简历的自我评价
2014/01/31 职场文书
促销活动总结怎么写
2014/06/25 职场文书
义诊活动通知
2015/04/24 职场文书
2016年小学生迎国庆广播稿
2015/12/18 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书