python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - vue-composition-api

Vue 3 Composition API - TypeError: Cannot read properties of null (reading 'style')

I am currently learning Vue 3 composition api and using template refs to access the DOM element and learning to set texts and styles inside using script setup. Here, I am trying to style the title in ...
test-img

liner183

javascript

vue.js

vuejs3

vue-composition-api

Votes: 0

Answers: 2

Latest Answer

ClassList.contains returns a boolean value. you can see more documentation here i think what you might be trying to do is title.value.style.backgroundColor = "red";
test-img

Sebas R.

composition api computed return value in setup function before setup return value

I am trying to edit a post using state manager vuex, in vue3 using compostion API and here is my code: <template> <div class="container py-5"> <h3 class="mb-5 borde...
test-img

sara

javascript

vue.js

vuex

vuejs3

vue-composition-api

Votes: 0

Answers: 1

Latest Answer

Since you're using async calls in your setup, you can change the setup to an async setup and then await those inner async calls to make sure the data is loaded before you return it to your template. J...
test-img

vhud

How to get getBoundingClientRect in Vue Composition api?

I am aware that in using the options api in Vue, we can access template refs to access getBoundingClientRect(): const rect = this.$refs.image.$el.getBoundingClientRect(); But I am trying to access ge...
test-img

liner183

typescript

vue.js

vuejs3

vue-composition-api

Votes: 0

Answers: 1

Latest Answer

Try to give your referenced element a type then use onMounted hook to display the rect : import {onMounted,ref} from 'vue' ... const image = ref<HTMLImageElement|null>(null); // onMounted(()=>...
test-img

Boussadjra Brahim

Vue 3 Composition API - Object is possibly &#39;null&#39;

I am using Vue 3 Composition api with Typescript to implement pinch zoom using HammerJS package. I am trying to follow a working example written in JavaScript from CodePen: https://codepen.io/bakho/de...
test-img

liner183

typescript

vue.js

vuejs3

vue-composition-api

Votes: 0

Answers: 2

Latest Answer

So this are the reasons for that error: const imageContainer = ref(null) -> you set the value to be null and TypeScript is warning you that any access to properties of that object can throw an err...
test-img

idumancic

Posts

Questions

Blogs

Jobs