MMTTMM
2018-11-14 13:14:18
組件間的通信,報(bào)錯(cuò)"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>暫無(wú)記錄</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 回答

侃侃無(wú)極
TA貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個(gè)贊
var tipTemplate = {
template: '<transition name="fade">\
<div v-if="tip" class="vertical-horizontal-center">\
<img src="../image/no-log.png">\
<h2>暫無(wú)記錄</h2>\
<div class="aui-btn aui-btn-info">重新加載</div>\
</div>\
</transition>',
props: ['tip']
}
<my-tip tip="tip"></my-tip>
建議再看一下文檔,組件的作用域那一塊
添加回答
舉報(bào)
0/150
提交
取消