點(diǎn)擊提交后list沒有新增數(shù)據(jù)
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
? <head>
??? <base href="<%=basePath%>">
???
??? <title>My JSP 'index.jsp' starting page</title>
?<meta http-equiv="pragma" content="no-cache">
?<meta http-equiv="cache-control" content="no-cache">
?<meta http-equiv="expires" content="0">???
?<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
?<meta http-equiv="description" content="This is my page">
?<!--
?<link rel="stylesheet" type="text/css" href="styles.css">
?-->
?<script src="./vue.js" type="text/javascript"></script>
? </head>
?
? <body>
?? <div? id="root">{{msg}}
?? <input v-model="inputnum"/>
?? <button @onclick="handleClick">submit</button>
?<ul>
?<li v-for="(item,index) of list" :key="index">{{item}}</li>
?</ul>
?? </div>
?? <script>
?? new Vue({
?? el:"#root",
?? data:{
?? msg:"hello world",
?? inputnum:"",
?? list:[]
?? },
?? methods:{
?? handleClick: function(){
?? this.list.push(this.inputnum)
?? this.inputnum=""
?? }
?? },
?? })
?? </script>
? </body>
</html>
2020-04-19
改成
注： @onclick 改成 @click