Блог

Главная - Вопросы по программированию - Как я могу отфильтровать объект $ {{data }}, чтобы показывать только определенные значения?

Как я могу отфильтровать объект $ {{data }}, чтобы показывать только определенные значения?

#vue.js

#vue.js

Вопрос:

Я использую vue.js однако, сбрасывая мои данные $ {{ data }} и передавая их пользователю, я хотел бы отображать только определенные значения. В этом случае я хочу показать все, но НЕ действия.

Я хотел бы показать только: Имя, описание и метод.

 {
  "Name": "",
  "Description": "",
  "Actions": [
    {
      "Actions": "Microsoft.AAD/domainServices/oucontainer/write"
    },
    {
      "Actions": "Microsoft.AAD/domainServices/oucontainer/delete"
    },
    {
      "Actions": "Microsoft.AAD/domainServices/oucontainer/read"
    }
  ],
  "Method": "a,b,c,d,"
}

Комментарии:

1. Пожалуйста, добавьте код о том, как именно вы использовали как внутри шаблона, так и в скрипте.

Ответ №1:

Вы можете создать метод, который сделает это за вас.

давайте сначала создадим метод, в котором я буду использовать синтаксис spread.Проверьте также эту ссылку.

 https://codingexplained.com/coding/front-end/vue-js/working-with-methods-in-vue-js

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!',
    actions : ["this i it", "abc"],
    lovely: "asdf"

  },
  methods : {
    getData : function(){           
        let {actions, ...dataExceptAction} = this.$data;
        return dataExceptAction;
    }
  }

})

Теперь я могу просто использовать getData метод в моем шаблоне

 <div id="app">
  <p>{{ getData()  }}</p>
</div>

Рабочий пример этого здесь
https://jsfiddle.net/3cy2roLp/45 /