vue 实现添加标签删除标签

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>vue学习 语法demo1</title><meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="app"><input type="text" v-model="txt" /><input type="button" value="添加" @click="addTag()">{{error}}<ol v-for="(item,index) in arr"><li @click="removeTag(index)">{{item.tag}}</li></ol></div>
<script src="vue.js" type="text/javascript"></script>
<script type="text/javascript">var app = new Vue({el: '#app',data: {txt:"",arr:[],error:""},watch:{},methods:{addTag:function(){if(this.in_array(this.txt,this.arr)){this.error="标签已经存在！";}else{this.arr.push({"tag":this.txt});}},removeTag:function(index){this.arr.splice(index,1);},in_array:function(search,array){for(var i in array){if(array[i].tag==search){return true;}}return false;}}});</script>
</body>
</html>

vue 实现添加标签删除标签相关推荐

js中增加标签删除标签和input修改获取内容
1.增加标签创建标签:document.createElement('标签id名') 在某一标签内的最后面插入标签:c.appendChild(b): //即给c加一个孩子b,记住这个孩子是后面进来 ...
使用php自动将文章标题或内容进行分词，添加和删除标签功能实例！
功能:做文章的自动分词添加标签功能插件:PHPAnalysis分词插件点击下载兼容:thinkphp laravel yii 原生及常用框架下面讲述一下开发流程: 步骤1:下载文件后将插件文件 ...
Note Express 使用标签删除标签操作标签
首先,确认您的 NE 是最新版本: 接着,在标签云中选中您想要删除的标签,此时,右侧列表中就出现了该标签对应的所有题录: 然后,在右侧 Ctrl+A 全选题录,再 Ctrl+T 编辑标签: 最后,在弹 ...
Vue动态添加、删除对象属性
最近对对象相关操作处理比较多,然后发现对象还可以这么玩 let student = { id: 1, name: '学生1', class: '001' };//通过student['对象新的属性ke ...
vue 图片添加，删除、拖拽排序
目的:现有一个图片的列表,拖动其中一个图片(触发dragstart),当拖动的图片移动到其他图片的位置(触发dragover),则将拖动的图片从原位置移动到该位置(触发dragend). dragst ...
k8s的标签和标签选择器
k8s的标签和标签选择器标签可以附加在kubernetes任何资源对象之上的键值型数据,常用于标签选择器的匹配度检查,从而完成资源筛选资源标签当Kubernetes对系统的任何API对象如Pod ...
学习笔记：k8s的标签和标签选择器
标签可以附加在kubernetes任何资源对象之上的键值型数据,常用于标签选择器的匹配度检查,从而完成资源筛选. 一.标签当Kubernetes对系统的任何API对象如Pod和节点进行"分 ...
jQuery Tags Input Plugin（添加/删除标签插件）
看名字应该知道是干嘛用了吧. 一个jquery开发的标签功能加强插件,可以生成或删除标签,还能对输入重复标签进行检查,和JQuery autocomplete插件配合实现自动完成功能. 官网:http ...
vue 修改模板{{}}标签_详解Vue 动态添加模板的几种方法
以下方法只适用于 Vue1.0 版本,推荐系数由高到低排列. 通常我们会在组件里的 template 属性定义模板,或者是在*.vue文件里的 template 标签里写模板.但是有时候会需要动态生成 ...

vue 实现添加标签删除标签

vue 实现添加标签删除标签相关推荐

最新文章

热门文章