Build Vue.js Simple Image Preview Before Uploading Using Viewer.js Library With Advanced Controls in Javascript Full Example For Beginners

  • Post author:
  • Post category:Vue
  • Post comments:0 Comments

      index.html     <link href="//unpkg.com/viewerjs/dist/viewer.css" rel="stylesheet"> <script src="//unpkg.com/vue/dist/vue.js"></script> <script src="//unpkg.com/viewerjs/dist/viewer.js"></script> <div id="app"> <div class="images clearfix"> <template v-for="image in images"> <img :src="image" class="image" :key="image"> </template> </div> </div>  …

Continue ReadingBuild Vue.js Simple Image Preview Before Uploading Using Viewer.js Library With Advanced Controls in Javascript Full Example For Beginners

Vue.js Clipboard.js Example to Copy Text to Clipboard From Input Field or TextArea Widget on Button Click in Browser Using Javascript Full Project For Beginners

  • Post author:
  • Post category:Vue
  • Post comments:0 Comments

    vue-clipboard2 A simple vuejs 2 binding for clipboard.js Install npm install --save vue-clipboard2 or use dist/vue-clipboard.min.js without webpack Usage For vue-cli user: import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)…

Continue ReadingVue.js Clipboard.js Example to Copy Text to Clipboard From Input Field or TextArea Widget on Button Click in Browser Using Javascript Full Project For Beginners

Vue.js Faker.js Example to Generate Bulk Fake User Name,Email & Phone Number Data in Browser Using HTML5 & Javascript Full Project For Beginners

  • Post author:
  • Post category:Vue
  • Post comments:0 Comments

    index.html     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.css"/> <div id="app"> <h1>Vue.js + Faker.js playground</h1> <div id="container"> <table class="ui striped table"> <thead> <th>First name</th> <th>Last name</th> <th>Phone number</th> <th>E-mail</th> </thead> <tbody>…

Continue ReadingVue.js Faker.js Example to Generate Bulk Fake User Name,Email & Phone Number Data in Browser Using HTML5 & Javascript Full Project For Beginners

Build a Vue.js WebRTC Audio Recorder From Microphone Which Play,Download and Upload Recorded Audio to Server in Browser Using Javascript Full Project For Beginners

  • Post author:
  • Post category:Vue
  • Post comments:0 Comments

    vue-audio-recorder Audio recorder for Vue.js. It allows to create, play, download and store records on a server. Live demo Features Beautiful clean UI Download/upload/play record Time limit Records…

Continue ReadingBuild a Vue.js WebRTC Audio Recorder From Microphone Which Play,Download and Upload Recorded Audio to Server in Browser Using Javascript Full Project For Beginners

Build a Vue.js Random User API Generator With Profile Photo & Email in Browser Using HTML5 & Javascript Full Project For Beginners

  • Post author:
  • Post category:Vue
  • Post comments:0 Comments

      index.html     <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://unpkg.com/vue@3.0.5"></script> <link rel="stylesheet" href="style.css"> <title>Mini Project</title> </head> <body> <div…

Continue ReadingBuild a Vue.js Random User API Generator With Profile Photo & Email in Browser Using HTML5 & Javascript Full Project For Beginners

Build a Vue.js Bootstrap 4 Tic-Tac-Toe Game in Browser Using HTML5 & TypeScript Full Project For Beginners

  • Post author:
  • Post category:Vue
  • Post comments:0 Comments

      App.vue     <template> <main class="d-flex flex-column justify-content-center align-items-center bg-dark"> <div class="container"> <div class="row justify-content-center mt-3"> <div class="col col-6"> <div class="text-center"> <div v-if="!winMessage"> <h1 class="text-info" v-if="isCross"> Cross…

Continue ReadingBuild a Vue.js Bootstrap 4 Tic-Tac-Toe Game in Browser Using HTML5 & TypeScript Full Project For Beginners

Vue.js FusionChart.js Library Example to Draw Charts Using vue-fusioncharts Component Full Example For Beginners

  • Post author:
  • Post category:Vue
  • Post comments:0 Comments

    npm i vue-fusioncharts       Usage There are two ways of adding vue-fusioncharts component in your project Registering globally as a plugin Import vue, vue-fusioncharts and FusionCharts in main app file. import Vue…

Continue ReadingVue.js FusionChart.js Library Example to Draw Charts Using vue-fusioncharts Component Full Example For Beginners

Vue.js Input Mask Form Fields Validation Example Using vue-input-mask Library For Phone Numbers,Credit Cards & Dates Full Project For Beginners

  • Post author:
  • Post category:Vue
  • Post comments:0 Comments

    vue-input-mask Yet another Vue component for input masking. Based on react-input-mask. Demo Install yarn add vue-input-mask or npm i -S vue-input-mask Properties mask : string Mask string. Default format characters are:…

Continue ReadingVue.js Input Mask Form Fields Validation Example Using vue-input-mask Library For Phone Numbers,Credit Cards & Dates Full Project For Beginners

Build a Vuetify Currency Converter in Vue.js Deployed to Heroku Using Axios Library in Browser Using HTML5 & Javascript Full Project For Beginnerss

  • Post author:
  • Post category:Vue
  • Post comments:0 Comments

    About   💲 Vue.js Currency Converter 💲   vuejs-converter.herokuapp.com/ VUE + VUETIFY + AXIOS Advantages Reactivity Recent data API URL: https://www.cbr-xml-daily.ru/daily_json.js 30+ currencies Simple and intuitive interface Project setup npm install…

Continue ReadingBuild a Vuetify Currency Converter in Vue.js Deployed to Heroku Using Axios Library in Browser Using HTML5 & Javascript Full Project For Beginnerss

Build a Vue.js Currency Converter Web App Using Exchange Rates API in Browser Using TypeScript Full Project For Beginners

  • Post author:
  • Post category:Vue
  • Post comments:0 Comments

    currency-converter-app Currency converter application using Vue.js 2, Exchange Rates API. Demo Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm…

Continue ReadingBuild a Vue.js Currency Converter Web App Using Exchange Rates API in Browser Using TypeScript Full Project For Beginners

End of content

No more pages to load