mpvue 自定义小程序组件把slot 编译了

csga3l58  于 3个月前  发布在  其他
关注(0)|答案(2)|浏览(70)

[扼要问题描述]

**mpvue 版本号 :2.0.0 **

[mpvue@^2.0.0]

最小化复现代码:

[建议提供最小化可运行的代码:附件或文本代码]

<! -- button-group.js --->
import Vue from 'vue';
import App from './button-group.vue';

App.mpType = 'component';

const app = new Vue(App);
app.$mount();

<! -- button-group.json --->
{
    "component": true
}

打包出来的目录

其中 button-group.vue.wxml

可以看到 slot 被编译成了

<template data="{{...$root[$p], ...$root[$k], $root}}" is="{{$slotdefault || 'default'}}"></template>

然后我用小程序引这个组件的时候,

1 不能被显示, 当我把 button-group.vue.wxml 被编译的 template 手动改成 slot , 1 可以被显示。

我应该怎么设置打包,才能打包出真的小程序组件?

问题复现步骤:

  1. [第一步]
  2. [第二步]
  3. [其它...]

观察到的表现:

[在这里描述观察到的表现]

截图或动态图:

![复现步骤截图或gif图片](图片的 url)

yptwkmov

yptwkmov2#

我的意思是编译成小程序的原生组件, 可以在 wxml 文件中使用。目前看来, 如果 slot 保持不被编译,那么编译出的组件是可以使用的。

相关问题