Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

Vue.js 3: How to get props value and use it in functions in script setup?

<script setup>
import { computed } from 'vue'
const props = defineProps({
  widths: {
    type: String,
    default: '100%',
  }
})
// do some stuff
// access the value by 
// let w = props.widths
</script>
Comment

get props from methods in vue

{{ this.calcPercentage(card.w_lessons.length,card.w_lessons_count) }}
            -
{{ Math.floor((card.w_lessons.length/card.w_lessons_count)*100) + "%" }}


methods: {
  calcPercentage(lesson, all){
    return Math.floor((lesson/all)*100) + "%";
  }
},
props: {
  car: Object,
},
Comment

PREVIOUS NEXT
Code Example
Javascript :: add spinner angular 13 loading 
Javascript :: infinite carousel javascript 
Javascript :: percentage with react 
Javascript :: recaptcha v3 js 
Javascript :: Working of JavaScript Arrays 
Javascript :: date range picker react 
Javascript :: Truncate a string using javascript 
Javascript :: switch19 dynamically update js 
Javascript :: electronjs 
Javascript :: add to a js object 
Javascript :: method example js 
Javascript :: concat keys json 
Javascript :: js csv to json 
Javascript :: add class to new element javascript 
Javascript :: Get the values from the "GET" parameters 
Javascript :: download file using javascript 
Javascript :: owl carousel for react 
Javascript :: update reducer 
Javascript :: How to display multiple input value in JavaScript 
Javascript :: javascript get object value dynamically 
Javascript :: modify array js 
Javascript :: how to parse header in node.js lambda 
Javascript :: is javascript object oriented 
Javascript :: append item to array javascript 
Javascript :: frames[i] js 
Javascript :: how to debug node js file in webpack 
Javascript :: update a value from array in redux state 
Javascript :: nextjs sitemap generator 
Javascript :: bonjour 
Javascript :: 10 to the power of negative n 
ADD CONTENT
Topic
Content
Source link
Name
2+4 =