2019年12月_sunlizhen

12月 11月 10月 09月 08月 07月 05月 04月 03月 02月 01月

原创 vue 表单验证点击按钮触发表单验证事件

<el-form ref="listQuery" :rules="rules" :inline="true" :model="listQuery" label-position="left" class="input_serch"> <el-row type="flex" justify="" align="middle"> <!...

2019-12-27 14:23:27 7002

原创 vue 路由传值

路由传值在前端的路由里面，我们在切换路由的时候，也相当于切换了页面，页面与页面之前有时候需要做到传值，这个时候就需要进行路由传值，在VueRouter里面，两个路由之间做跳转的时候，如何进行传值呢？VueRouter的路由传值VueRouter的路由传值有两种方式query传值。类似get传值传值的路由this.$router.push({ path: "/logi...

2019-12-25 15:05:21 172

原创 vue 向后台传递数组对象的参数

// var aaa = Object.assign(paramsL, this.form);console.log(typeof String(this.form.guide))var paramsL = { guide: String(this.form.guide), menus: JSON.stringify(this.form.menus)}saveMenu(para...

2019-12-24 17:31:39 6216 1

原创 vue的mouseover 不起作用

mouseover 类似hover，鼠标移入移出显示隐藏@mouseover="enter()"和@mouseout="leave()"不起作用，改为@mouseover.native="enter()" 和@mouseout.native="leave()".native - 监听组件根元素的原生事件。...

2019-12-24 15:56:55 10925 1

原创 vue 拖拽draggable

<template> <div class="regionalMenu"> <div> <template slot="header"> 微信访客导航菜单 <el-popover placement="bottom-start" width="30...

2019-12-24 15:23:30 254

原创 vue table表格行内编辑

<template> <div class="disableLang"> <div> <template slot="header"> <el-form :inline="true" :model="formTitle" label-posi...

2019-12-23 20:16:11 3692

原创 vue 自定义省市联级插件

先上代码代码有点乱没来得及整理；效果在最下边<el-form-item label="包含省市"> <el-button v-for="(item, index) in form.checkProvince">{{ item }}<span class="el-icon-close" @click="deleteDataP(index)">&l...

2019-12-20 17:03:55 275

原创使用before、after给文字前后添加横线

2019-12-17 17:39:16 1264

原创 vue的element的table表头自定义添加按钮

在页面中利用element 添加表格，并在表头中具体要添加按钮的地方引入 <el-table-column :render-header="renderHeader" width="200"> </el-table-column>并且添加render-header 以便在后面的methods中添加按钮样式和结构的调整。...

2019-12-16 16:18:21 12809 1

原创 vue 一个页面使用多个wangEditor并删除

<template lang="html"> <div class="editor"> <div ref="toolbar" class="toolbar"> </div> <div ref="editor" class="text"> </div> <el-button @...

2019-12-13 18:16:08 2138

原创 vue 一个页面使用多个wangEditor

1，vue中安装wangEditor使用的npm安装 npm install wangeditor --save2.直接上代码：组件：<template lang="html"> <div class="editor"> <div ref="toolbar" class="toolbar"> </div> ...

2019-12-13 17:19:24 5667 4

原创 vue 使用 wangEditor

1，vue中安装wangEditor使用的npm安装 npm install wangeditor --save2. 创建组件<template lang="html"> <div class="editor"> <div ref="toolbar" class="toolbar"> </div> <...

2019-12-13 17:14:55 673

原创在Vue项目使用kindEditor富文本编译器

1. 第一步npminstallkindeditor2. 第二部新建一个kindeditor组件<template> <div class="kindeditor"> <textarea :id="id" name="content">{{ outContent }}</textarea> </div...

2019-12-12 10:27:33 1622 3

原创 vue elementui 表单校验自定义

<el-form ref="formPersonnel" :rules="rules" :model="formPersonnel" label-width="150px"></el-form>data () { var checkThatName = (rule, value, callback) => { if (value === '' || ...

2019-12-11 16:13:10 469

原创 vue 动态加载src

<img :src="UploadImg" height="72" width="72"/>data () { return { fileList: [], // 上传的头像 UploadImg: require('../../assets/configuration/headservice.png') }}注意事项用红色标出...

2019-12-11 13:52:24 209

原创使用elementui的表单重置按钮不生效

<el-form :inline="true" :model="formInline" ref="formInline" class="demo-form-inline"> <el-form-item label="时间范围" prop="value1"> <el-date-picker v-model="formInline.value1"...

2019-12-10 15:22:27 1373 1

原创 jq/js 只能输入两位小数

function num(obj){obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符 obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字 obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个...

2019-12-10 11:46:15 358