点击提交后list没有新增数据

来源:3-1 todolist功能开发

weixin_慕瓜0195899

2020-04-18 08:23

<%@ 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>

http://img2.mukewang.com/5e9a48760001e24907810452.jpg

写回答 关注

1回答

  • 柯伊伯带的一颗小星星
    2020-04-19 04:07:59
     <button @onclick="handleClick">submit</button>

    改成

     <button @click="handleClick">submit</button>

    注: @onclick 改成 @click

vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

146026 学习 · 655 问题

查看课程

相似问题