vue中使用模态框传参_vue中使用element写点击input内部标签(使用模态框传值)

首先附上源码地址

https://files.cnblogs.com/files/maruihua/vue-tagsinput-master.zip

这个是我修改后的代码.取消了部分功能,添加的一些功能,原插件在以下网址,有兴趣的可以去看一看

具体怎么使用呢

inputtags

import tagsstyle from '../../common/vue-tagsinput-master/dist/style.css'

import tagsjs from '../../common/vue-tagsinput-master/dist/voerro-vue-tagsinput'

import tagsinput from '../../common/vue-tagsinput-master/src/VoerroTagsInput'

export default {

components: {

tagsinput

},

data() {

return {

}

},

methods: {

tagsinput(val) {}

}

}

对没错,就是真么简单.methods里面的那个方法可以直接打印input里的值

中间踩了很多坑.代码中都有注释,所以不需要我解释什么了.有看不懂的留言评论下.

其中模态框回显那里困了我大部分时间.

// 模态框

insert() {

this.dialogtaginputstars = true

this.$nextTick(() => {

if (this.arrlist.length > 0) {

let arr = this.arrlist

arr.forEach((v, i) => {

this.tablelist.forEach((_v, _i) => {

if (v === _v.Name) {

this.$refs.multipleTable.toggleRowSelection(_v, true)

}

})

})

} else {

this.gettablelist()

}

})

},

最后尽然是没有加true.还在想为什么每次会清空数组.

对了,里面我请求了接口.所以自己使用的时候让接口换成你们自己的接口,然后console.log一下,看下数组把table里面的内容换成你们自己的就可以了.

因为原插件功能太过于强大,部分源码没有看完,继续学习.如果有需要select中多选加tag标签的,给你们推荐一个

好了.,有什么问题私信或者留言评论.谢谢

在vue中使用Element的message组件

在vue中使用Element的message组件 在vue文件中使用 this.$message({ message: "提示信息", type: "success&qu ...

bootstrap-table：操作栏点击编辑按钮弹出模态框修改数据

核心代码: columns: [ { checkbox:true //第一列显示复选框 }, ... { field: 'fail_num', title: '失败数' }, { field: 'op ...

在vue中关于element UI 中表格实现下载功能，表头添加按钮，和点击事件失效的解决办法。

因为在element 中表格是使用el-table的形式通过数据来支撑结构,所以,表格的样式没有自己写的灵活,所以有了没法添加按钮的烦恼.下面是解决的方法. 准备工作: 一.下载npm安装包两个 1. ...

vue中使用Element主题自定义肤色

一.搭建好项目的环境. 二.根据ElementUI官网的自定义主题(http://element.eleme.io/#/zh-CN/component/custom-theme)来安装[主题生成工具] ...

vue中使用element组件时事件想要传递其他参数的问题

在使用element的上传组件时在一下几个钩子中传递其他参数 图中是文件上传时的几个钩子,参数为文件或文件列表或者其他参数,但是现在我想在原有参数上传递其他参数.比如我想在on-success的钩子中 ...

vue中解决拖动和点击事件的冲突

BUG说明: 鼠标上下方向拖拽,如果松开时鼠标位于悬浮按钮上会默认执行click事件,经验证,click事件与mouse事件的执行顺序为onmousedown =>onmouseup => ...

vue中遇到的一个点击展开或收起并且改变背景颜色的问题。