SHARE
TWEET

Untitled

a guest May 26th, 2019 67 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <template>
  2.     <div>
  3.         <ul class="navbar-nav mr-auto">
  4.             <li class="nav-item">
  5.                 <router-link to="/links/new" class="nav-link" exact>
  6.                     Create
  7.                 </router-link>
  8.             </li>
  9.         </ul>
  10.         <div class="card-elements">
  11.             <div class="card m-2 custom" v-for="(link, index) in allLinks"
  12.                  :key="link._id"
  13.                  :index="index"
  14.                  style="width: 18rem;">
  15.                 <transition
  16.                         enter-active-class="animated lightSpeedIn"
  17.                         leave-active-class="animated lightSpeedIn"
  18.                         appear>
  19.                   <div class="card-body">
  20.                       <h5 class="card-title">{{link.wordFind}}</h5>
  21.                       <p class="card-text">{{link.link}}</p>
  22.                       <p class="card-text">{{link.dateFrom}}</p>
  23.                       <p class="card-text">{{link.dateTo}}</p>
  24.                       <router-link :to="'/links/edit/' + link._id"  exact>
  25.                           <button class="btn btn-secondary"  >Edit </button>
  26.                       </router-link>
  27.                       <button v-on:click="deleteLink(link._id)"  class="btn btn-danger">Delete</button>
  28.                   </div>
  29.                 </transition>
  30.             </div>
  31.           </div>
  32.     </div>
  33. </template>
  34.  
  35. <script>
  36.     import { mapGetters, mapActions } from 'vuex'
  37.     export default{
  38.         data:function () {
  39.             return{
  40.                 linkId:{
  41.                     wordFind:null,
  42.                     dateFrom:null,
  43.                     dateTo:null,
  44.                     _id:null
  45.                 }
  46.             }
  47.         },
  48.         computed: mapGetters(['allLinks']),
  49.         name: 'all-links',
  50.         mounted (){
  51.             this.getlinks()
  52.         },
  53.         methods:{
  54.                 ...mapActions(['getlinks' ,'deleteLink'])
  55.         }
  56.     }
  57. </script>
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