SHARE
TWEET

Filme.vue

a guest Jul 16th, 2019 88 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <template>
  2.   <div class="row">
  3.     <Header class="col-12" title="Locadora de Filmes" />
  4.  
  5.     <div class="col-12 mt-5">
  6.       <h3>Esse é o produto com o id {{ $route.params.id }}</h3>
  7.     </div>
  8.  
  9.     <div class="col-5 mt-1">
  10.       <img v-bind:src="filme.imagem" alt="imagem do filme" />
  11.     </div>
  12.     <div class="col-7 mt-1">
  13.       <h1>{{filme.titulo}}</h1>
  14.       <p v-html="filme.descricao"></p>
  15.       <p>{{filme.valor | formatarPreco("R$")}}</p>
  16.       <button @click="editar">Editar Filme</button>
  17.       <router-view></router-view>
  18.     </div>
  19.   </div>
  20. </template>
  21.  
  22. <script>
  23. import Header from "./Header";
  24.  
  25. export default {
  26.   components: {
  27.     Header
  28.   },
  29.   data() {
  30.     return {
  31.       filme: {
  32.         id: 4,
  33.         titulo: "Capitã Marvel",
  34.         descricao: "Um filme de capitãs",
  35.         valor: 40,
  36.         imagem: "/assets/logo.png",
  37.         estoqueDisponivel: 8,
  38.         avaliacao: 4
  39.       }
  40.     };
  41.   },
  42.   methods: {
  43.     editar() {
  44.       this.$router.push({ name: 'editar-filme' });
  45.     }
  46.   }
  47. };
  48. </script>
  49.  
  50. <style scoped>
  51. </style>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top