The latest articles on DEV Community by Alejandro Rivero (@arivero). https://dev.to/arivero https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F649565%2F2da37870-a2a0-413a-9552-226f60bdc564.jpeg https://dev.to/arivero en Alejandro Rivero Thu, 23 Oct 2025 02:02:36 +0000 https://dev.to/arivero/clock-circular-calculator-54kb https://dev.to/arivero/clock-circular-calculator-54kb <p>I tried to do vibe code a calculator where the user doesnt need to push the operation and result buttons. Then for multiple digits I was forced to use a<a href="https://arivero.github.io/quickcalcs/circular.html" rel="noopener noreferrer"> circular display</a>, and finally I decided to hide the whole calculator <a href="https://arivero.github.io/quickcalcs/clock.html" rel="noopener noreferrer">as a clock</a></p> <p><a href="https://arivero.github.io/quickcalcs/clock.html" class="crayons-btn crayons-btn--primary" rel="noopener noreferrer">test the clock calculator here</a> </p> <p>You can see the whole collection <a href="https://arivero.github.io/quickcalcs/" rel="noopener noreferrer">here </a>or clone the github repo</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg3ykpw4jytxl5qdhkji7.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg3ykpw4jytxl5qdhkji7.png" alt=" "></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzlydj8xdoiprtbas8krp.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzlydj8xdoiprtbas8krp.png" alt=" "></a></p> javascript children education design Alejandro Rivero Mon, 14 Jun 2021 19:41:33 +0000 https://dev.to/arivero/access-element-from-v-on-event-handler-in-vue3-29c2 https://dev.to/arivero/access-element-from-v-on-event-handler-in-vue3-29c2 <div class="ltag__stackexchange--container"> <div class="ltag__stackexchange--title-container"> <div class="ltag__stackexchange--title"> <h1> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7Gn-iPj_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""> <a href="https://stackoverflow.com/questions/67976183/access-element-from-v-on-event-handler-in-vue3" rel="noopener noreferrer"> Access element from v-on event handler in vue3 </a> </h1> <div class="ltag__stackexchange--post-metadata"> <span>Jun 14 '21</span> <span>Comments: 1</span> <span>Answers: 0</span> </div> </div> <a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/67976183/access-element-from-v-on-event-handler-in-vue3" rel="noopener noreferrer"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Y9mJpuJP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""> <div class="ltag__stackexchange--score-number"> 0 </div> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wif5Zq3z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""> </a> </div> <div class="ltag__stackexchange--body"> <p>It is not infrequent that I need to access the element of a component, in vue. For instance here in element-plus, to make sure that the focus is removed:</p> <pre><code>&lt;el-button ref="btnLanza" @mouseleave="$refs.btnLanza.$el.blur()" @click="runLanza" round&gt;Lanzar&lt;/el-button&amp;gt </code></pre> <p>In other frameworks, something along the lines of <code>on-mouseleave="this.blur()"</code> would be enough, but in vue <code>this</code>…</p> </div> <div class="ltag__stackexchange--btn--container"> <a href="https://stackoverflow.com/questions/67976183/access-element-from-v-on-event-handler-in-vue3" rel="noopener noreferrer">Open Full Question</a> </div> </div>