快速上手bootstrap-tagsinput.js在项目中打标签
BootstrapTagsInput简介
BootstrapTagsInput是一个基于jQuery和Bootstrap.css的用于管理标签的插件。
官网的示例很简单，怎么说呢，比较简洁。示例聊胜于无。最简单的用法就是在引入jquery,和Bootstrap的前提下，在input标签中添加 data-role="tagsinput"，即可初始化。
资源：
bootstrap-tagsinput官方文档及下载地址:(https://github.com/bootstrap-tagsinput/bootstrap-tagsinput)
显示效果：
代码：
<!-- 文档中需要我们在input标签中写上 data-role="tagsinput",这样就可以打标签了 --> <input type="text" class="form-control" id="tag" name="tag" data-role="tagsinput" >
为什么这样就可以了？
通过阅读bootstrap-tagsinput.js，它内部就实现了tagsinput()方法，通过$(‘input’).tagsinput(),就可以实现input框打标签功能，我们只需要在标签框上写上如上data-role="tagsinput"属性就可以了
$(function() {
$("input[data-role=tagsinput], select[multiple][data-role=tagsinput]").tagsinput();});标签值如何获取？
//第一种方式，获取到的结果是普通字符串，用，分隔开//"java,c++,Spring"$("input").val()//第二种方式，获取到的结果是一个数组//["java,c++,Spring"]$("input").tagsinput('items')更多操作可以直接访问bootstrap-tagsinput examples。
-
Hello World 如何调试 如何新增一个Controller 如何使用models/dao 如何使用models/service
-
介绍 通过本章节你可以了解到 Vant 的安装方法和基本使用姿势。 安装 通过 npm 安装 在现有项目中使用 Vant 时，可以通过 npm 或 yarn 进行安装： # Vue 2 项目，安装 Vant 2.x 版本： npm i vant -S # Vue 3 项目，安装 Vant 3.x 版本： npm i vant@next -S 通过 CDN 安装 使用 Vant 最简单的方法是直
-
安装 npm i feart --save-dev # or yarn add feart 引入组件 No.1 : 使用 babel-plugin-import (推荐) # 安装 babel-plugin-import 插件 npm i babel-plugin-import --save-dev // 在 .babelrc 或 babel.config.js 中添加插件配置 {
-
本节课程提供一个使用 Spark 的快速介绍，首先我们使用 Spark 的交互式 shell(用 Python 或 Scala) 介绍它的 API。当演示如何在 Java, Scala 和 Python 写独立的程序时，看编程指南里完整的参考。 依照这个指南，首先从 Spark 网站下载一个 Spark 发行包。因为我们不会使用 HDFS，你可以下载任何 Hadoop 版本的包。 Spark Sh
-
快速上手 本节将介绍如何在项目中使用 Element。 使用 vue-cli@3 我们为新版的 vue-cli 准备了相应的 Element 插件，你可以用它们快速地搭建一个基于 Element 的项目。 使用 Starter Kit 我们提供了通用的项目模板，你可以直接使用。对于 Laravel 用户，我们也准备了相应的模板，同样可以直接下载使用。 如果不希望使用我们提供的模板，请继续阅读。 引
-
新手教程项目：cube-application-guide 遇到问题，先移步 QA 使用 nuxt，请参考示例仓库 脚手架 vue-cli >= 3 如果你正在使用新版本的 Vue CLI vue-cli@3，那么推荐你直接使用 vue-cli-plugin-cube-ui 插件。在你初始化完项目后直接执行 vue add cube-ui 即可。 在执行的时候，会询问一些配置项，这个和老版本的 模
-
通过 npm 安装 dva-cli 并确保版本是 0.9.1 或以上。 $ npm install dva-cli -g $ dva -v dva-cli version 0.9.1 创建新应用 安装完 dva-cli 之后，就可以在命令行里访问到 dva 命令（不能访问？）。现在，你可以通过 dva new 创建新应用。 $ dva new dva-quickstart 这会创建 dva-q
-
介绍如何快速搭建多云环境，管理多云资源。 文档版本 本文档对应产品版本： 云联壹云 3.8 版本。 读者对象 本文档用于帮助用户快速上手 云联壹云 平台，了解如何快速管理多云环境、实现多云资源的管理等。 本文档主要适用于以下读者： 云联壹云 平台用户 部署运维工程师 技术支持工程师 对 云联壹云 有研究兴趣的相关人员 平台总览 该章节用于介绍平台的主要功能。 快速配置 该章节用于帮助用户快速配置