VueJS:如何获取自定义组件的内部HTML?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (894)

我正在尝试构建非常简单的引导警报组件,但是我想不出如何获得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.

提问于
用户回答回答于

好吧,我想,我需要用<slot></slot>

<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">&times;</span>
  </button>
  <strong>{{title}}!</strong> <slot></slot>
  </div>
</template>

热门问答

请问一下 php怎么上传图片到腾讯云cos并返回图片路径 啊 ?

你可以直接调用COS的接口进行上传。 PUT Object接口进行上传。接口文档:https://cloud.tencent.com/document/product/436/7749 路径就是你上传的图片文件名和你的域名拼接。 比如: PUT /picture.jpg HTTP...... 展开详请

使用CDN之后出现一些列问题?

更新源站内容需要马上生效的话,需要做刷新操作 https://console.cloud.tencent.com/cdn/refresh 设置为A记录后,请求直接到源站,可能因为刚刚设置了A记录,解析还是有缓存,导致仍然解析到CDN了,可以ping测下域名,看解析到的ip是源站还...... 展开详请

如何提高调用API网关、scf的请求内容长度限制?

Tina

腾讯云 · 产品经理 (已认证)

Go Serverless!
推荐
您好,当前SCF确实对于同步请求的事件大小,响应大小有相应的限制,最大为6MB。可以参考文档 https://cloud.tencent.com/document/product/583/11637 更多解决方案,欢迎您进入SCF用户q群一起讨论! 群号:537539545 sc...... 展开详请

cmq的实例是否支持调整写入频率?

是否有语音转发功能?

software微软、谷歌、腾讯、阿里、百度……
推荐已采纳
您好,核实下您咨询的是哪个端的问题,目前是没有语音转发功能的。这里提供下android端消息转发的示例参考: https://cloud.tencent.com/document/product/269/9232 image.png ... 展开详请

信令包里面的公网地址为什么都被改成内网地址了?

您描述的原因是云服务器内网ip地址与公网ip地址是一对一映射,故云服务器内显示的是内网ip地址。 如您需要网卡设置公网ip地址,建议您参考下方文档eip直通(已为您开通白名单) EIP 直通:https://cloud.tencent.com/document/product/2...... 展开详请

所属标签

扫码关注云+社区

领取腾讯云代金券