javascript - Vue.js 2 : Computed array iteration

标签 javascript vue.js vuejs2

我在更新数组时遇到问题,即使在开发工具中它更新了它的状态。当然,它很简单!有任何想法吗?或者如果有更聪明的方法可以让我知道! :) 谢谢!

获取数据

get('/skills')
    .then((res) => {
        this.skillSet = res.data
    })   

计算
computed: {
        skillFiltered() {
           return this.skillSet = this.skillSet.map(res => ({
                value: res.id,
                label: res.name,
                disabled: false
            }))
           .filter( res =>  res.disabled === false) 
        },
    }

方法
 methods: {
  updateComputed() {
   this.skillSet[0].disabled = true;
  }
 }

最佳答案

对于可设置的计算,您需要不同的结构。

引用 Computed-Setter

关于javascript - Vue.js 2 : Computed array iteration,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47093919/

相关文章:

javascript - 如何导入随npm安装的vue插件

javascript - VueJS - 如何使用 ajax 调用的结果动态初始化模板

css - 将组件定位在固定的 app.vue 之上

javascript - VueJS 不渲染表格数据

image - 无法使用 VueJS 将文件传递给 Laravel Controller

javascript - 将带空格的div名称传递给Vue

javascript - 自适应灯箱在iPhone中不起作用

javascript - Highchart的gridLineDashStyle在底部只有一项时缺少网格线作为波纹管演示

javascript - 调用 $.each() 函数时的上下文变化

javascript - jQuery单击打开一个下拉菜单