How to reference hidden elements in Vue.js

In Vue.js we can reference either Vue.js component or a standard DOM element by marking it with ref=”ourReferenceName” inside the HTML tag and later access this element easily inside the component with this.$refs.ourReferenceName. Let’s have a look at a simple component example:

<template>
  <div>
    <div ref="referencedElement"></div>
  </div>
</template>

<div>

</div>

</template>

<script>
export default {
  methods: {
    accessElement() {
      const element = this.$refs.referencedElement
      // TODO: do something with the element
    }
  }
}
</script>

export default {

methods: {

accessElement() {

const element = this.$refs.referencedElement

// TODO: do something with the element

}

</script>

So far so good. The problem comes when we want to […]

Using validate.js instead of Vuelidate in Vue.js applications

When I first needed some basic form of validation in my Vue.js application, I discovered and used Vuelidate, a popular validation library written specifically for Vue.js. Vuelidate is simple to use and works pretty well inside Vue.js components. It validates all different data sources in a component, based on the validation criteria provided as a […]

On being a senior developer

On being a senior developer is separated into multiple parts, feel free to read the first part On being a senior developer: introduction if you haven’t read it yet. This time I want to look at skills, knowledge and behavioral characteristics that I personally associate with senior software developers. This article is not the definitive […]

On being a senior developer: introduction

Even though it could be, this is not an article about the elderly. If you are here by accident, click here. If not, let’s dive in. I have wanted to write about the topic of being a senior engineer for some time, because I think a lot of people don’t have a clear understanding of […]

Why SCRUM doesn’t work?

Let’s start by saying that companies hardly do SCRUM by the book. I will never forget a project manager, who, after he arrived to the office one day put a big “SCRUM” on our whiteboard and announced that from now on we will be doing SCRUM. You wouldn’t guess what we did afterwards. Every morning, […]

How to communicate with Angular components outside of Angular

Recently I had to figure out the way to interact with Angular components from outside of Angular, from plain JavaScript rendered to a page. In my case I was opening a modal dialog written in Angular from a traditional server-side rendered page. I imagine I am not the only one who needs to mix Angular […]

Elasticsearch: What to keep in mind when doing integration testing

When writing integraion tests that exchange data between your application and Elasticsearch cluster, we need to keep a few things in mind. Tests are simply series of steps to perform and usually we want to execute a specific test synchronously, one step after another. To do so we have to wait until each call to […]

Guide to Mobile Application Development and Management

We are living in the era of mobile applications, usually called just “apps”. The mobile market is huge now, with astonishing number of devices both in type and amount, platforms, applications and app stores. Today, one company often needs more than one application: there are different apps for customers, for partners, for employees, for different […]

The role of a Quality Engineer

Quality Engineer. Who is he and what does he do? In plenty of companies this role might not exist and in many it is assumed to be just a different name for testers. In this article I would like to express my own opinion about it and provide some insight on what different responsibilities a […]

Authentication Quickstart with Express, Passport and Sequelize

I have created an authentication quick-start that demonstrates the use of authentication middleware Passport. Passport is a drop-in middleware for Express-based web applications that allows you to use many provided authentication strategies or create your own. In this demo I implemented a local strategy where all data are stored in a SQL database. Sequelize is a […]