Как получить данные из шаблона в методе computed в vue?

Question

[Вячеслав]

<div id="commentsBlock"><vue-comments-item :model="treeComments"></vue-comments-item></div>

Vue.component('item', {
	template: '' +
		'<item>' +
			'<li v-for="comment in model">' +
				'<div>{{comment.users.username}}<br />{{comment.text}}</div>' +
				'<ul :model="comment" v-if="replies">' +
					'<vue-comments-item v-for="model in comment.replies" :model="model"></vue-comments-item>' +
				'</ul>' +
			'</li>' +
		'</item>' +
	'',
	props: {
		model: Object
	},
	computed: {
		replies: function () {
			console.log(JSON.stringify(this.model, null, 4));
		}
	},
})

как в computed обратиться к итерации comment объекта model ?
this.model выводит весь объект model, а мне нужно чтобы он вывел текущий объект v-for

пытался переопределить :mode="comment" - результат нулевой
подскажите кто-нибудь плиз)) весь день убил на это чертово дерево

Answer 1

[Evgeny Kulakov]

Сделайте метод просто:

methods: {
replies(v){
 // some code
}
}

В шаблоне:
<ul :model="comment" v-if="replies(comment)">

Comments

[Вячеслав]

о, помогло, спасибо!

но вылезла другая проблема, с которой я сегодня уже тоже сталкивался.
т.к. у меня бежит циклом по массиву v-for, то на все вложенные данные у меня матерится на отсутствие свойств.

Данные:

newdata = [
	{
		'text': 'kommentariy',
		'users': {'username': 'nskarl'},
		'replies': [
			{
				'text': 'kommentariy',
				'users': {'username': 'stig'},
			}
		]
	},
	
	{
		'text': 'kommentariy',
		'users': {'username': 'nskarl'},
		'replies': [
			{
				'text': 'kommentariy',
				'users': {'username': 'stig'}
			}
		]
	}
];

т.е. он выводит все элементы 1 уровня, а на все вложенные говорит TypeError: comment.users is undefined

как так? ведь я ему вот здесь 'vue-comments-item v-for="model in comment.replies" :model="model" /vue-comments-item' говорю :model="model"
поидеи туда должен передаться точно такой же массив, в котором есть вложенный users

[Вячеслав]

в общем решил немного иначе, но на поставленный вопрос вы дали верный ответ, поэтому «решение» за вами, спасибо еще раз! :)

Answer 2

[Вадим Милевский]

Могу ошибаться, поэтому не стремлюсь быть ответом. Но computed это не метод, а переменная, которая заранее просчитывается.

computed: {
    replies: function () {
      return 2+2;
    }
  },

<p>{{ replies }}</p>// 4

Comments

[Вячеслав]

в официальной документации она используется как проверка свойства
https://ru.vuejs.org/v2/examples/tree-view.html

computed: {
    isFolder: function () {
      return this.model.children &&
        this.model.children.length
    }
  },

[Вадим Милевский]

Вячеслав, ну я примерно это же и привел в своем примере, вроде как. В Вашем примере будет значение isFolder true/false. То есть, как и говорил, computed это простая переменная, которая только не предопределена, а высчитывается на основе чего-то.

[alvvi]

Вячеслав, в computed мы определяем геттер для переменной, в данном случае переменная isFolder - это булевое значение. Каждый раз, когда вы используете эту переменную вызывается геттер и возвращает соответственно либо true либо false.
Для методов есть, собственно говоря, методы)

[Вячеслав]

Вадим Милевский, ну таки да. мне и нужно вычислить есть ли у текущей итерации вложенный объект replies. только вот он его никак не хочет видеть в случае, когда первый элемент данных - массив, а не объект :)
в общем запутано. комментарий выше помог решить эту проблему, но породил другую )))

[Вячеслав]

Илья Ростопка, дык мне и нужно было вернуть либо false либо true. ровно как и в примере на офф сайте:

computed: {
    isFolder: function () {
      return this.model.children &&
        this.model.children.length
    }
  },

другое дело, что оно этого делать не хотело, поэтому я и задал вопрос сюда :)
а код сократил, чтоб лишнее убрать :)