第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在單擊按鈕時生成隨機(jī)項(xiàng)目?

如何在單擊按鈕時生成隨機(jī)項(xiàng)目?

波斯汪 2023-05-18 09:55:21
我有一個組件,每次訪問隨機(jī)頁面時都會生成一個隨機(jī)項(xiàng)目。每次我刷新頁面時,都會生成一個新的隨機(jī)項(xiàng)目。每次單擊“選擇另一個”按鈕時,我都想生成一個新的隨機(jī)項(xiàng)目,但我不完全確定如何做到這一點(diǎn)。任何幫助將不勝感激。隨機(jī).view<template>  <div class="details" v-for="item in items" v-bind:key="item.id">    <div class="details-primary u-center-text">      <h1 class="heading-secondary">{{item.name}}</h1>      <p class="tagline--main">{{item.tagline}}</p>    </div>    <div class="details-secondary u-margin-top-big">      <div class="info">        <span class="info__detail info--title">Vol</span>        <span class="info__detail info--spec">{{item.abv}}%</span>      </div>      <img class="details-image" :src='item.image_url' alt="">      <div class="info">        <span class="info__detail info--title">Amount</span>        <span class="info__detail info--spec">1ltr</span>      </div>    </div>  </div>  <div class="rand-gen">    <a href="" class="btn">Pick another</a>  </div></template><script>import {Options, Vue} from 'vue-class-component'import axios from 'axios';@Options({  data() {    return{      items: []    }  },  mounted() {    axios.get('https://api.punkapi.com/v2/beers/random')    .then(res => this.items = res.data)    .catch(err => console.log(err));  }})export default class Random extends Vue {}</script>
查看完整描述

1 回答

?
偶然的你

TA貢獻(xiàn)1841條經(jīng)驗(yàn) 獲得超3個贊

你必須添加@click功能和方法


html應(yīng)該是這樣的


<a href="" class="btn" @click="generate">Pick another</a>


方法是


methods: {

  generate() {

     //your code

  }

}


查看完整回答
反對 回復(fù) 2023-05-18
  • 1 回答
  • 0 關(guān)注
  • 136 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號