前端必会技巧

点击输入框提示信息

1. 添加CDN

<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

2.Html代码

<div class="form-label-group">
		<input  @keyup="changevalue" data-toggle="popover" data-content="学号登录" v-model="number" type="text" name="username" id="username" class="form-control" autocomplete="off" disableautocomplete>
		<label for="username" id="number">学号label>
div>
<div class="form-label-group">

		<input  @keyup="changevalue" data-toggle="popover" data-content="默认密码为:123456" v-model="password" type="password" name="password" id="password" class="form-control" autocomplete="off" disableautocomplete>
		<label for="password" id="pwd">密码label>
div>

3.JS代码

$(document).ready(function(){
     
		$('[data-toggle="popover"]').popover();
	});

4.效果图