vue中取值和赋值操作

最新推荐文章于 2024-08-23 18:51:34 发布
最新推荐文章于 2024-08-23 18:51:34 发布
阅读量1.2w 收藏 2
点赞数
分类专栏： notes 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dreamboy_w/article/details/105559122
版权

1. vue中取值的方法

假设form中有个6个时段信息
time0,time2,time3…time5

如何遍历取出这6个时段的值?

使用obj[key]的方式取值
key可以是字符串，也可以是表达式

示例：

this.form['time'+i]

2. vue中赋值操作

假设给上述的几个时段赋值，如何操作呢？

可以使用this.$set(obj,key,value)进行赋值

可以强制刷新没有更新的视图

比如说：ElementUI中的DatePicker视图没有更新，需要强制刷新后才可以选择日期信息，我就是这么做的。

示例:
给data中的this.form中的time[i]赋值操作，赋值为arrayObj

this.$set(this.form,'time'+i,arrayObj);
清宵尚温。
关注
专栏目录
v-model --双向数据绑定
qq_45802159的博客
01-03 3301
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
vue组件传值
挣扎在前端之路的程序猿
05-11 276
父组件向子组件传值 使用props传值 父组件 <template> <div id="list"> <info :info="info"></info> //使用组件，并绑定要传递的值 </div> </template> <script> import info from "....
Vue3语法
最新发布
MuYuZiBuYan的博客
08-23 197
从import引入ref 语法赋值方式：let 变量名 = ref(值);变量取值： {{变量名.value }}字符取值：{{ 变量名 }}数组取值：{{ 数组名[下标] }}，注意下标从0开始。对象取值：{{ 对象名{属性名 }}，或者 {{ 对象名.属性名 }} 注意对象属性修改值时需要使用value 列如：obj.value.name=" 张三";
Vue之变量赋值
热门推荐
weixin_42693164的博客
10-14 1万+
前些天写Vue项目遇见一个很有意思问题：将一个数据（类型是对象）赋值给一个变量，当我去改变这个变量的时候，给它赋值的数据也跟着变化了，当我去改变数据时，变量也跟着变了，这让我想起了js中的浅复制和深复制，为验证，将对象（引用类型）改成字符窜（基本数据类型），果然，这个问题就不见了。 在js中有两种数据类型 （1） 基本数据类型：number、string、boolean、null、undefine...
vue-交互 -取值- 赋值
zw1046921704的博客
05-12 4120
交互: $http （ajax）如果vue想做交互引入: vue-resouce //一个vue文件get: this.$http.get(url,{ a:1, b:2 }).then(function(res){ //成功方法 alert(res.data);
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
12-01
1、使用Vue.js实现双向表单数据绑定，例子 <!--html代码--> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>财产查勘处理</title> <link rel="stylesheet" type="text/css" href="../css/global.css" rel="external nofollow" /> <link rel="stylesheet" type="text/css" hr
Vue的赋值，指令，过滤，计算属性，监控属性
qq_44424498的博客
10-23 824
Vue的赋值 vue有4种赋值方式 1.文本的方式 2.HTML的方式 3.属性的方式 4.表达式 <!--在样式中加 <style> .class1{ font-size: 12px; color: darkgreen } </style> --> <body> <div id=...
vue遍历对象中的数组取值示例
10-16
本文将通过一个具体的示例来讲解如何在Vue中实现这一操作。 首先，我们看一段代码，这是在Vue组件中遍历对象数组并显示其中数据的例子： ```html <!-- ... --> (item, index) in list" :key="index" class=...
vue 为全局变量赋值_在vue项目中 如何定义全局变量 全局函数
weixin_42170064的博客
12-31 1334
写在前面：如题，在项目中，经常有些函数和变量是需要复用，比如说网站服务器地址，从后台拿到的：用户的登录token,用户的地址信息等，这时候就需要设置一波全局变量和全局函数，这两个设置不太难，而且有一些共通之处，可能有一些朋友对此不太了解，所以随便写出来分享一波。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。定义全局变量原理：设置一个专用的的全局变量模块文件，模块里面...
vue 给form表单赋值_Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)...
weixin_39906358的博客
12-20 1287
//实现取值var VueFormSub = function(formid){this.$form = ($("#" + formid).length !=0)?$("#" + formid):$("."+formid);var models = $("*[v-model != '']",this.$form);var vueData = {};$.each(models,function(id...
Vue中全局变量的定义和使用
12-10
A界面赋值的a变量，作为记录状态值（标志）需要被其他几个界面使用。其他几个界面亦可以改变a状态值。 1.2 传递字段 A界面有a字段，B界面没有a字段，但需要调用a字段。 2.解决方法 ————————————————...
vue a标签点击实现赋值方式
12-28
如下所示： v-for=“kf in kefu” function copy_fun(copy){ //参数copy是要复制的文本内容 上面的方法就可用了，亲测可用！ 补充知识：VUE 给类似a标签加点击事件不跳转的问题 VUE的@click事件修饰符 运用： .prevent 阻止默认行为 <a>点击</a> .stop 阻止冒泡，只执行 start 不执行 end <div id=app click=end> <input type=button
vue 赋值问题
cheng_zhang_zhong的博客
03-24 5827
1.重置 在进行form表单一般用于添加和编辑之前进行重置，主要是为了刚开始编辑后进行新增，导致saveForm里面有值，同时在edit的时候也要进行先置空，防止前面一条编辑某些字段有值，后面一条数据某些字段没有值。 //this.$options.data().saveForm 代表的是最开始加载的值 Object.assign(this.$data.saveForm, this....
js vue 动态获取数据，赋值，取值的时候发现想要的值在[[PromiseResult]]下面
m0_46554818的博客
08-03 1177
动态获取数据后 上边获取数据是正常的，但是赋值出去就变成了这样？？ 上代码 后面发现是 数据异步了，queryMsg方法有用到async和await。但是调用的方法却没有使用这个方法。 async await 是关联使用的，方法内部有await，方法头必须加async 表示等待await同步执行完在往下走 解决方法： ...
如何从Vue中设值和获取值的方法？
LIN_17970的博客
08-16 7064
Vuex的初始知识点：1. 了解vuex中的各个js文件的用途2.vuex使用步骤3. 利用vuex存值4. 利用vuex取值5. Vuex的同步和异步加载问题6. 综合实例操作 知识点： 1. 了解vuex中的各个js文件的用途 官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。可以想象为一个“前端数据库”（数据仓库）， 让其在各个页面上实现数据的共享包括状态，并且可操作...
VUE几种赋值
bernie_ni的博客
01-20 179
//编辑弹窗复制 this.workIfCityModel = JSON.parse(JSON.stringify(this.multipleSelection)) //自定义数组赋值 this.users = JSON.parse(JSON.stringify(this.personOptions)); //表单赋值 this.$set(this.kpiModel, 'score', response.data) ...
vue 给form表单赋值_一个 vuejs 的 form 表单提交结构
weixin_39639568的博客
12-29 1331
在初学习Laravel的过程中，看过的教程肯定都有登陆这个表单提交操作，当提交错误的时候，系统会返回$errors，而我们可以根据$errors来显示在input框下面。但是，在写vuejs的时候，我就感觉自己比较的混乱，就是直接判断status，如果不为1，则提取发送的json数据中的msg，也就是自己定义的msg。这几天在看Laracast的Vue2教程中的Object-Oriented Fo...
vue基本语法01赋值、表达式、指令、修饰符、简写、过滤、监听
qq_45555170的博客
10-08 1534
vue基本语法01赋值、表达式、指令、修饰符、简写、过滤、监听一、vue赋值的三种方式二、表达式三、指令四、修饰符五、监听 一、vue赋值的三种方式 1、{{属性名}} <h2>{{data}}</h2> 2、v-html:能输出源码信息 <input v-model="name"/> 3、v-text：只能输出文本信息 <div v-text="sa" style="color: blue;"></div> 二、表达式 vue支持所有的js
vue向数组中某一个字段赋值
qq_41072930的博客
03-22 3883
原数组 fileList: [ {name: '', url: ''} ], 只向fileList中的name赋值 this.fileList.push({name:'dgf'})
vue 异步缓存赋值 取值
04-29
Vue的异步缓存赋值和取值可以通过以下两种方式实现： 1. 使用Promise和async/await实现异步缓存赋值和取值： ```javascript // 异步缓存赋值 async function fetchData() { const res = await axios.get('/api/data') return res.data } const data = await fetchData() // 异步缓存取值 async function getData() { const data = await fetchData() return data } ``` 2. 使用Vue的computed属性实现异步缓存赋值和取值： ```javascript // 异步缓存赋值 export default { data() { return { data: null } }, computed: { async computedData() { const res = await axios.get('/api/data') this.data = res.data return this.data } } } // 异步缓存取值 export default { computed: { async computedData() { const res = await axios.get('/api/data') return res.data } }, methods: { async getData() { return this.computedData } } } ``` 以上两种方式都可以实现异步缓存赋值和取值，具体使用哪种方式，取决于具体场景和需求。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值