CoreUI的CInput忽略了插槽

Question

我想我误会了。根据{{​​3}}，我想出了以下原型代码来替换旧的经典语法。但这根本不起作用。

<div class="input-group mb-3">
    <div class="input-group-prepend">
        <span class="input-group-text">
            <CIcon name="cil-lock-locked" />
        </span>
    </div>
    <input type="password"
           class="form-control"
           placeholder="Passwort"
           :isValid="false"
           invalidFeedback="hdhdh"
           v-model="enteredPassword" />
</div>

<!-- ---------------------------------------------- -->

<CInput value="lll">
    <prepend>ppp</prepend>
    <prepend-content>
        dddd
    </prepend-content>
    <label>
        dkjdjdj
    </label>
</CInput>

底部代码仅显示一个完整的空白文本框。但是为什么呢？

Answer 1

插槽以v插槽或＃前缀引用。试试

<CInput value="lll">
    <template #prepend>ppp</template>
    <template #prepend-content>
        dddd
    </template>
    <template #label>
        dkjdjdj
    </template>
</CInput>

您使用了未知的自定义元素（和html标签）代替了广告位。