VueJS :获取自定义组件的innerHTML
VueJS :获取自定义组件的innerHTML
提问于 2016-08-20 23:52:05
我试图建立非常简单的引导警报组件，但我无法弄清楚如何获得我的自定义组件的innerHTML。
代码：
Vue.component('my-alert', {
template: '#vue-alert',
props: ['type', 'title', 'message'],
created: function() {
this.message = this.innerHTML; // <---- NOT WORKING
}
});
var vm = new Vue({
el: 'body'
});HTML：
<my-alert type="success" title="Important">My Message here.</my-alert>我希望显示组件中提供的任何文本，在本例中，它应该显示My Message here.
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-08-21 00:35:21
好吧，我想好了，我需要使用。
<template id="vue-alert">
<div v-if="show" class="alert alert-{{type}} alert-dismissible" role="alert">
<button @click="removeAlert" type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<strong>{{title}}!</strong> <slot></slot>
</div>
</template>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39056039
复制相关文章
相似问题