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

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

vue 組件間的通信,報錯

vue 組件間的通信,報錯

MMTTMM 2018-11-14 13:14:18
組件間的通信,報錯"ReferenceError: tip is not defined"    <body>        <div id="app">            <button v-on:click="tip = !tip">Toggle</button>            <my-tip></my-tip>        </div>    </body>    <script type="text/javascript" src="../script/vue.js"></script>    <script type="text/javascript">        var tipTemplate = {          template: '<transition name="fade">\                        <div v-if="tip" class="vertical-horizontal-center">\                            <img src="../image/no-log.png">\                            <h2>暫無記錄</h2>\                            <div class="aui-btn aui-btn-info">重新加載</div>\                        </div>\                    </transition>'        }        new Vue({            el: "#app",            data: {                tip: false,            },            components: {                'my-tip': tipTemplate,                props: ['tip'],            },            created: function() {}        })    </script>
查看完整描述

1 回答

?
侃侃無極

TA貢獻2051條經驗 獲得超10個贊

var tipTemplate = {

          template: '<transition name="fade">\

                        <div v-if="tip" class="vertical-horizontal-center">\

                            <img src="../image/no-log.png">\

                            <h2>暫無記錄</h2>\

                            <div class="aui-btn aui-btn-info">重新加載</div>\

                        </div>\

                    </transition>',

           props: ['tip']

        }

<my-tip tip="tip"></my-tip>

建議再看一下文檔,組件的作用域那一塊

查看完整回答
反對 回復 2018-12-14
  • 1 回答
  • 0 關注
  • 619 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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