Custom sorting function

[The-BlackWidow]

Hi again!

I would like to create my own sorting function in Vue 2.0, according to whether it is a folder or a leaf. However, I only get infinite loops:

      sort: (a, b) => {
        if((a.children && b.children) || (!a.children && !b.children)) {
          return a.name.localeCompare(b.name)
        } else if (a.children && !b.children) {
          return -1
        } else {
          return 1
        }
      }

Could you please help me understand how the sort function works?

[elbywan]

Hi @The-BlackWidow !

Actually this is a bug, I reproduced having an infinite loop simply by calling console.log(b.children) inside the sorting function.

As a workaround, you can try this while I will attempt to fix the real issue :

sort(a, b) { 
  const sameChildrenState = 'children' in a === 'children' in b
  if(sameChildrenState) {
    return a.name.localeCompare(b.name)
  } else if ('children' in a) {
    return -1
  } else {
    return 1
  }
}

[The-BlackWidow]

Thank you very much! It's working. Please keep me posted when the fix is out 😃 !