Дисциплины - Проектирование динамических страниц с помощью фрэймворка Vue.js

VuetifyJS — приложение в стиле Material Design - Использование компонентов - Создание формы входа

Для того чтобы создать форму входа, сперва необходимо создать компонетн components/Login.vue со следующим кодом:

<template> 
 <v-layout align-center justify-center> 
  <v-flex xs12 sm8 md4> 
   <v-card class="elevation-12"> 
    <v-toolbar dark color="purple"> 
     <v-toolbar-title>Login Form</v-toolbar-title> 
    </v-toolbar> 
    <v-card-text> 
     <v-form> 
      <v-text-field prepend-icon="person" name="login" label="Login" id="login" type="text" ></v-text-field> 
      <v-text-field prepend-icon="lock" name="password" label="Password" id="password" type="password" ></v-text-field> 
     </v-form> 
    </v-card-text> 
    <v-card-actions> 
     <v-spacer></v-spacer> <v-btn dark color="pink">Login</v-btn> 
    </v-card-actions> 
   </v-card> 
  </v-flex> 
 </v-layout> 
</template> 

s

Количество комментариев: 0

Для того, чтобы оставить коментарий необходимо зарегистрироваться


Изображения Видео

1. Изображения, стили и файл JSON с данными https://disq.us/url?url=https%3A%2F%2Fgithub.com%2Fdanielkellyio%2Fvue-4-router-course-starter-files%2Farchive%2Frefs%2Fheads%2Fmain.zip%3AVL_V_RMWqj0IZyNcJWGjv4lMY7U&cuid=4942816
2. Bitcoin JSON https://api.coindesk.com/v1/bpi/currentprice.json
3. Vue-router https://www.vuemastery.com/blog/vue-router-a-tutorial-for-vue-3/
4. Vue 3 by Example https://github.com/PacktPublishing/-Vue.js-3-By-Example
5. Vue3 example https://github.com/mikhalkevich/vue_course
6. Vue_admin https://github.com/mikhalkevich/vue_admin
7. VueAxiosProject https://github.com/mikhalkevich/VueAxiosProject