Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Vue JS Articles
Page 2 of 2
How to add multiple data types for props in Vue.js?
The javascript attribute names are case insensitive, so browsers are made in a way to interpret any uppercase characters to lowercase. This means, while using the DOM elements, camel Cased props names need to use their kebab-based (hyphen-delimited) equivalents. So let’s say that you are not sure of the type of value you might receive from the props in Vue.js. Usually, you will want every prop to have a specific type of value. But in a case when you want a prop to have a list of value types, you can use the following syntax to apply the same. props: ...
Read MoreHow to add elements to an Array using filters in Vue ?
Vue can be defined as a progressive framework for building user interfaces. It has multiple directives that can be used as per the user needs. The basic core library is mainly focused on building the view layer only and is also easy to pick up other libraries or integrate with them. In the below article, we will see how to add elements to an array. An array is basically a collection of elements. This process of adding elements into an Array can be used in real life in different scenarios. For E.g.: It can be used for creating a shopping ...
Read MoreHow to access child method from the parent in Vue.js?
Let’s say you have two nested components i.e. a component inside another component. How will you be able to access the child methods from the parent? To access the child method from the parent method you could use ref. Or you can also access the descendants of a parent via the method this.$root (a parent component) which can access the child components using the this.$children array. In the same way, the child can access its parent via the this.$parent. The vue.js basically warns against these for the below two reasons − It tightly couples the parent to the ...
Read MoreChecking if an image is loaded or not on the browser using VueJS?
Whenever we insert an image in the front end of any system, it is very important to show the user proper data and images to enhance the user experience. In any project, an image is basically loaded from the remote path URL or from the application. An image may not be loaded properly in the below scenarios − Configuring the wrong image URL Poor Internet/Network connection It is very important to check if an image is loaded or not, because if an image does not load due to poor network connection we can try loading the image ...
Read MoreAdding or removing elements from a list dynamically using VueJS?
Vue can be defined as a progressive framework for building the user interfaces. It has multiple directives that can be used as per the user needs. The basic core library is mainly focused on building the view layer only and is also easy to pick up other libraries or integrate with them. We can dynamically add or remove elements from a list in VueJS using the v-model directive. All the possibilities are binded to a single channel while using this directive. When the user selects an option out of several options, the same will be added to the list. On ...
Read MoreHow to write and use for loop in Vue js?
Vue JS is an open-source JavaScript framework. It is used to create single-page apps and user interfaces. The component-based architecture of Vue Js uses separated, reusable elements called components to encapsulate HTML, JavaScript, and CSS. This enables the usage of a virtual DOM to boost performance while also helping efficient and maintainable code. Vue Js’s reactivity system, which allows it to immediately refresh the user interface when the underlying data changes, is one of its distinguishing characteristics. The “v-for” directive in Vue Js renders elements from iterating over arrays or objects based on the item looped over. Depending on the ...
Read MoreHow to setup Video.js with Vue.js?
Video.js is a modern web video player which supports a lot of standard video playback formats along with the latest playback video formats. Video.js is very popular for creating video players and has large community support. One of the greatest things about video.js is that it is very straightforward to import and use in your project. It also provides support for various popular frameworks like React.js, Vue.js, and Angular.js In this tutorial, we’re going to have a look at how to set up video.js with the vue.js framework. We’ll also implement a basic example to create a video player using ...
Read More