博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue set
阅读量:5007 次
发布时间:2019-06-12

本文共 552 字,大约阅读时间需要 1 分钟。

Vue 可以通过数组变异的方法可以控制数组的增减,却不能更改数组及对象,vue可以通过set方法改变数组的长度,改变某项的值,在组件中可以使用$set方法改变数组长度和某项的值

调用方法:Vue.set( target, key, value )

target:要更改的数据源(可以是对象或者数组)

key:要更改的具体数据

value :重新赋的值

如下面的例子:

html:

<textarea v-for="ite1m of arryText">{

{ite1m.option}}</textarea>

js:

data(){

      return {

arryText: [{option: '123'}, {option: '345'}, {option: '567'}, {option: '789'}],

}

},

methods(){

//这里使用Vue.set,需要将Vue import子组件中

Vue.set(this.arryText,4,{option:456}); //如果是组件中可以用$set
this.$set(this.arryText,4,{option:456});

}

 

转载于:https://www.cnblogs.com/zhx119/p/10090264.html

你可能感兴趣的文章
开发笔记
查看>>
织梦DEDE多选项筛选_联动筛选功能的实现_二次开发
查看>>
SQL Server 排名函数 简单应用
查看>>
Could not find file "/var/www/default/bin\roslyn\csc.exe".
查看>>
关于软件工程的疑问
查看>>
iOS关于RunLoop和Timer
查看>>
SQL处理层次型数据的策略对比:Adjacency list vs. nested sets: MySQL【转载】
查看>>
已存在同名的数据库,或指定的文件无法打开或位于 UNC 共享目录中。
查看>>
MySQL的随机数函数rand()的使用技巧
查看>>
thymeleaf+bootstrap,onclick传参实现模态框中遇到的错误
查看>>
python字符串实战
查看>>
wyh的物品(二分)
查看>>
UNIX网络编程
查看>>
修改页面select <s:if------/>判断
查看>>
3. fooView rxjava + rxandroid + retrofit 安卓开发框架搭配 az kj
查看>>
项目启动及绩效评估
查看>>
SSM-Spring-08:Spring的静态代理初窥案例
查看>>
基于 Jenkins 快速搭建持续集成环境
查看>>
华为云.NET Core支持情况调查
查看>>
集合已修改;可能无法执行枚举操作
查看>>