为CoreUI的CInput忽略的插槽
为CoreUI的CInput忽略的插槽
提问于 2020-05-11 20:30:42
我想，是我误会了什么。根据this documentation的说法，我想出了以下原型代码来替换旧的经典语法。但它根本不起作用。
<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>底部的代码只显示一个完整的空文本框。但是为什么呢？
Stack Overflow用户
回答已采纳
发布于 2020-05-11 20:51:38
插槽使用v-slot或#前缀进行引用。试一试
<CInput value="lll">
<template #prepend>ppp</template>
<template #prepend-content>
dddd
</template>
<template #label>
dkjdjdj
</template>
</CInput>您使用了未知的自定义元素(和html标签)而不是插槽。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61729755
复制相关文章
相似问题
腾讯云开发者
