VueJs createElement и $refs

Всем привет. Подскажите пожалуйста как изменить значение свойства одного компонента из другого ? Т.е. у меня есть следующий код:

createElement('ElDialog', {
            props: {
                visible: false,
                title: "Tips",
                size: "tiny",
            },
        }, [createElement('media', {
            props: {
                data: { Media: { items: [] } }
            }
        })]),
        createElement('ElButton', {
            domProps: {
                innerHTML: 'Выбрать'
            },
            on: {
                click: () => {
                    console.log(app.$refs.dialog.visible); // undefined
                }
            },
        }),

В компоненте ElDialog есть ref="dialog". Теперь при клике на кнопку ту что создаю выше я хочу поменять значение visible на true. В теории это должны быть примерно так:

on: {
      click: () => {
          app.$refs.dialog.visible = true;
      }
}

Но это не работает. Два дня уже мозг ломаю :(