vue 组件间的通信，报错
组件间的通信，报错"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>
MMTTMM1回答
-
侃侃无极
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>建议再看一下文档，组件的作用域那一块
随时随地看视频慕课网APP
相关分类
JavaScript