v-for拼接a标签的href+绑定按回车事件+条件绑定class+checkbox双向绑定+$.cookie is not a function

1.v-for拼接a标签的href

<li v-for="(item,index) in categorys">
    <a :href="'route_list.html?cid='+item.cid">{{item.cname}}</a>
</li>

2.绑定按回车事件

<div class="search">
    <input name="" id="search_input" v-model="search" @keyup.enter="searchRoutes" type="text" placeholder="请输入地点名称" class="search_input" autocomplete="off">
    <a href="javascript:;" @click="searchRoutes"   id="search-button" class="search-button">搜索</a>
</div>

 

3.条件绑定class

<li :class="cid==-2?'nav-active':''"><a href="favoriterank.html?cid=-2">收藏排行榜</a></li>

 

4.checkbox双向绑定

<input type="checkbox" name="" class="checkbox" v-model="checkAuto">

 

5.$.cookie is not a function

在网上百度后找到了一些解决方法：

一般情况$.cookie is not a function;错误原因： 

一、没有引入jquery.cookie.js文件，可在网上查找该文件。

二，没有引入jQuery库文件。

三、jQuery库文件和jquery.cookie.js文件的顺序问题。须先引入jQuery库文件再引入cookie插件文件

四、一个页面由于二次或多次引入了jquery插件导致。

我的问题就是出现在第四个问题上。页面上插入另一模块时，多引入了一个jq库文件。