vue中遇到的一些问题及解决方法

1.vue中，a 标签绑定点击事件发送请求失败的问题2、jsp中jq导入无法使用的问题3、span标签包裹的内容在jq中要想赋值得用text()函数4、java与前端交互中解决cookie中文乱码的问题5、关于 Parameter 'type' not found. Available parameters are [arg1, arg0, param1, param2]的错误6、You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'set date='2020-07-07',set done=0 where id=15' at line 17、jsp c:foreach 索引获取8、jq 修改href 的值

1.vue中，a 标签绑定点击事件发送请求失败的问题

a 标签默认行为是发送href后面的请求，所以即使你绑定了点击事件中的请求，请求依然不会发送，所以要阻止 a 标签的默认行为 。Vue中使用 .prevent 阻止默认行为。如下：

<a href.prevent="" @click="back">退出登录</a>

2、jsp中jq导入无法使用的问题

这个问题困扰了我很久，后来在网上找到答案

这是有问题的

<script type="text/javascript" src="js/jquery-1.8.3.min.js"/>

解决问题后的

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

3、span标签包裹的内容在jq中要想赋值得用text()函数

如下：

$("#name").text(getCookie("name"))

4、java与前端交互中解决cookie中文乱码的问题

后端代码：

Cookie cookie = new Cookie(key,URLEncoder.encode(value,"UTF-8")); // 新建Cookie

前端代码：

//获取cookie function getCookie(key){ var lists = document.cookie.split(";"); for(var i = 0;i<lists.length;i++){ if(lists[i].includes(key)){ var value = lists[i].split("=")[1] return value; } } } decodeURI(getCookie("yourKey")

5、关于 Parameter ‘type’ not found. Available parameters are [arg1, arg0, param1, param2]的错误

这个错误之前学MyBatis的时候遇到过，但是现在一遇到就忘了，现在记录一下，多个参数时要用@Param指定，如下：

public List<Event> findByOut_in(@Param("out_in") Integer out_in,@Param("type") Integer type,@Param("student_id") String student_id);

6、You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ‘set date=‘2020-07-07’,set done=0 where id=15’ at line 1

这个问题好细节，我一直没有找出来，提示语法错误，但是我一直找不出来，但是最后还是给我找出来了，update语句只需要一个set 就行了，我居然一直没有发现，还是太菜了啊！

update table_name set key = value, key1 = value1 where (条件)

7、jsp c:foreach 索引获取

<c:forEach varStatus="idx"> ${idx.index} </c:forEach>

8、jq 修改href 的值

使用attr函数

attr("href","yourvalue")

如下：

<a href="" id=btn1>dada</a> $("#btn1").click(function(){ $("#btn1").attr("href","daada") });

点击链接：