亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

將變量向下傳遞給VueJS組件

將變量向下傳遞給VueJS組件

狐的傳說 2021-05-02 16:21:20
我需要將變量傳遞給組件。我的設置是這樣的：主：Meet.vue<html> <div class="carousel-cell">    <Category :searchTerm="woman"></Category>    </div> <div class="carousel-cell">    <Category :searchTerm="men"></Category>    </div>[..]<script>import Category from './Category'export default {  components: {    Category  },子類別：Category.vue：export default {  data () {    return {      search: [how to access the **searchTerm** here?]如何訪問SEARCHTERM <Category :searchTerm="woman"></Category>從Meet.vue在Category.vue？
查看完整描述

3 回答

?
寶慕林4294392

TA貢獻2021條經驗 獲得超8個贊

調用Category組件時，請執行以下操作。


<Category :search="woman"></Category>


此處:search:"woman"表示將woman值作為值傳遞給Category組件的屬性。


然后在Category組件中：


export default {

  props: {

    search: {type: string, required: true}

    //Here it will give error if the search is passed anything but string

    //And if search is not passed it will give error. 

  }

  //Everything else

或者


export default {

  props: [search], //No checking of data type and it's not requried

  //Everything else


查看完整回答
反對 回復 2021-05-13
?
桃花長相依

TA貢獻1860條經驗 獲得超8個贊

您正在使用props，所以答案是：

export default{
    props: ['searchTerm'],

然后可以直接使用。


查看完整回答
反對 回復 2021-05-13
  • 3 回答
  • 0 關注
  • 165 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號