收藏
回答

wx-open-launch-app 标签为什么要写一个 <template>?

我想知道:微信自定义 wx-open-launch-app 标签的内部大概实现方式

为什么要知道:我想在本地大概模拟一下自定义标签,方便调试样式

我遇到的问题:

近期尝试在项目里面引入了 wx-open-launch-app 标签,但是有一个疑问

web components 的官方文档里面,关于自定义标签插槽的用法类似于这样

<wx-open-launch-app>
  <div> default slot div>
  <div slot="slot1">div>
wx-open-launch-app>


但是我们标签默认插槽的用法是(这样能显示出来,但是只能把代码推送到正式环境测试,本地用自定义标签模拟,显示不出来内容

<wx-open-launch-app>
  <template>
    <style>style>
    <button>app打开button>
  template>
wx-open-launch-app>


疑问的是为什么不是下面这种写法呢(这种写法我在本地可以把里面的内容做为默认插槽渲染出来)

<wx-open-launch-app>
  <style>style>
  <button>app打开button>
wx-open-launch-app>


我想知道微信官方这个自定义标签大概是怎么实现的,官方 web components 的文档里我没有找到。。希望有人可以解惑~

回答关注问题邀请回答
收藏

2 个回答

  • 泡泡冰麟
    泡泡冰麟
    2020-08-19

    最终我的样式是展示出来了,我的问题是我在本地用 自定义标签模拟的时候,默认插槽用 template 包裹一下不行,想知道官方是怎么实现的,是不是web component 的一些用法我没有找到

    2020-08-19
    有用
    回复 1
    • 喵酱(´-ωก`)
      喵酱(´-ωก`)
      2023-07-20
      你是怎么实现的,在线等
      2023-07-20
      回复
  • 睡前原谅一切
    睡前原谅一切
    2020-08-19

    2020-08-19
    有用
    回复
登录 后发表内容
问题标签