Есть ли возможность во vue 3 получить ref элемента из дочернего компонента в родительский?

Всем привет. Есть ли возможность во vue 3 получить ref элемента из дочернего компонента в родительский?

не понимаю что сложного в том,чтобы напистаь роутинг по доке, прописываешь роут в файле routes.js и все

На компонент реф вешаешь и доступны все его приколы

во вью 3 доступны только те приколы, которые указаны в expose

<img :src=»user.data.avatar || ‘./assets/profile-page/avatar.gif'»/>
не получается установить картинку таким способом, что не так? Vue 2.6, user.data.avatar — null

require(url)

также можно попробовать создать computed сворйство, там получать из user, и этот computed указатть в src в img

Строка ‘./assets/profile-page/avatar.gif’ работает только на этапе сборки, это путь до исходного файла.

нужно импоритровать модуль:
require(‘./assets/profile-page/avatar.gif’)

Если expose не указывать, и не использовать sfc setup, то будет поведение, как в двойке

Пытаюсь внедрить пререндеринг, скопировал из доки и вставил но вот это получаю, (vue 3, vite)

запускаешь код через serve?

dev

через http server запусти и глянь

а это как, не подскажите?)

Салют ребят, нужен хелп. У меня получаетс на страничке есть скролл компонент, и нужно когда сайт <max width 800 px экран, чтобы страничка становилась overflow-hidden, но есть ньюанс, потому что там два таба, и когда переключается на второй, то опять overflow : auto становился, два таба меняются по хештегу #main — #dashboard

Ребят, помогите пожалyйста oбмeнять юcдт на бнб, вот мой адрec нa траcт валетe : hotel mutual wild ugly wheat pencil tip purity cement hockey sun pencil

Забаньте, скам

добавь первому табу один класс, другому другой класс, у второго overflow: auto

Знакомо? Просто эта ошибка вылезает, а ответов нет, и я не понимаю, как её убрать…

https://skr.sh/vEk9apxvIHG

не подскажете. пробовал написать простенький запрос к серверу. но долго грузятся данные.хотел еще сделать.чтобы пока грузились данные лодаре работал.
const loadDynamicTable = (pageSize:any, nodeId: any) => {
if (props.selectedNode.type !== ‘group’) {
TableDataService.fetchTableData(1, pageSize, nodeId)
.then((response) => {
loading.value = true
receivedData.value = {…response.data}
})
.then(()=> {
handleTableData()
})
.then(()=> {
loading.value = false
})
.catch((err) => {
Promise.reject(err)
console.log(err, ‘error’)
})
}
}

можно ли так вообще писать?в ассинхронности не силен

Обернуть в try catch с async await

Если честно я не понял проблему

подскажи пожалуйста по Vuelidate. бьёт ошибку «Cannot read properties of undefined (reading ‘super’)», вроде подключаю всё по документации

Всем привет! Почему при изменении coef не меняется объект values?

потому в values юзается только начальное значение пропса

А как связать? Через ref?

либо через toRef, либо вместо reactive использовать computed, если данные не нужно менять

Спасибо👌

не подскажете как очистить ref массив во вью 3?

name.value = [];

Подскажите что делать с routes/index.js файлом ?
Делаю подобно как тут: https://vueschool.io/lessons/the-scaffolded-codebase-vue-cli-only
Но как то не работает routing;
Есть подозрения что routes/index.js нужно куда то подключить и что то может в таком случае отключить, например index.html? Подскажите кто знает? )

коллеги, всем привет
подскажите — кто-то работал в связке nuxt3 web3?

привет. я не смотрел видео, но делаю так:

Там router/index.js выглядит так:
import { createRouter, createWebHistory } from «vue-router»;
import Home from «../views/Home.vue»;

const routes = [
{
path: «/»,
name: «Home»,
component: Home,
},
{
path: «/about»,
name: «About»,
component: () =>
import(/* webPackChunkName: «about» */ «../views/About.vue»),
},
];
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes,
});
export default router;

ну хорошо. потом в main.js:
app.use(router)

Чего та не так

А что с этим делать: import { createRouter, createWebHistory } from «vue-router»; ?
в ./router/index.js находится.

к табу не работает, но вот в консоли к document работает

.parent-class {
.tab-second {
}

а что не так?
с импортом ничего не надо делать — он нужен для последующего создания экземпляра роутера

Пробую в index.js закомментировать import { createRouter, createWebHistory } from «vue-router»;
и в main.js сделать:
import { createApp } from ‘vue’
import App from ‘./App.vue’

import { createPinia } from ‘pinia’
const pinia = createPinia()

import { createRouter, createWebHistory } from «vue-router»;
const router1 = createRouter()
const router2 = createWebHistory()

const app = createApp(App)

app.use(pinia)

app.use(router1)
app.use(router2)

app.mount(‘#app’)
Но так не запускаетс тоже.

import router from «./router.js»; или import router from «./router»; если ts или import router from «./router/index.js»;

в зависимости от того, в каком файле объявлен раутер, затем в созданном приложении app.use(router)

это лишнее, уже объявлено выше

вот это в файле router/index.js, теперь import router from «./router/index.js»;

Благодарю! Уже лучше. Сейчас еще не много и заработает полноценно ! )