无图言吊,直接看图,是自己需要的效果就拿走,直接看代码的都是憨憨吗!
1
2
3
现在要做的就是实现上图的功能
瞄了一哈elementUI的Input实例,发现并没有我需要的样式,但是在参数中看到了自己需要的东西
话不多说,上代码了.
1.template中的样式
<el-form ref="form" :model="form">
<el-form-item label="知识点">
<el-select v-model="form.knowledge" clearable multiple filterable allow-create default-first-option placeholder="输入知识点内容,用回车添加">
<el-option v-for="item in knowledge" :key="item.value" :label="item.label" :value="item.label"></el-option>
</el-select>
</el-form-item>
</el-form>
2.模拟数据
export default {
data() {
return {
knowledge: [
{ label: "知识点1" },
{ label: "知识点2" },
{ label: "知识点3" }
],
form: {}
}
}
破费科特,有用就给爷戳个赞吧.
原文地址:https://blog.csdn.net/ju__ju/article/details/97801297
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。