随笔分类 -  vue

element table 表格嵌套
摘要：/////////////////////////// 代码如下 <template> <div class="report-forms-page"> <div class="report-forms-main"> <div class="bottomForm"> <div style="margi 阅读全文
posted @ 2021-04-26 11:28 A影子放風箏 阅读(1170) 评论(0) 推荐(1)
element ui tabs 标签页支持展开收起修改
摘要：<template> <div class="com-resource-legend" style=""> <el-tabs type="card" v-model="activeTab" :tab-position="tabPosition" :stretch="false" @tab-click 阅读全文
posted @ 2020-10-31 17:07 A影子放風箏 阅读(2080) 评论(0) 推荐(0)
vue select框change事件
摘要：vue Select 中< :label-in-value="true" @on-change="satusSelect"> satusSelect(val){ console.log(val); } 阅读全文
posted @ 2019-05-23 19:52 A影子放風箏 阅读(20587) 评论(0) 推荐(0)
vue form 验证
摘要：vue 验证 <Form :model="formModel" label-position="center" :label-width="90" ref="modelForm" :rules="rules"> rules: { inspectCycleValue: [ { validator: v 阅读全文
posted @ 2019-05-23 19:48 A影子放風箏 阅读(261) 评论(0) 推荐(0)
vue title悬停
摘要：title 设置name="peo" title="" v-on:mouseenter="peoAndCarHover(item.signStatus,'peo',index)" 无index时 title mouseHover(tit) { var titlename = document.get 阅读全文
posted @ 2019-05-23 19:45 A影子放風箏 阅读(682) 评论(0) 推荐(0)
vue table已选列数据
摘要：vue Table@on-selection-change="test" 已选中项数据 test(selection){} <Table :data="tableData" :columns="tableColunms" class="innerTable" @on-selection-change 阅读全文
posted @ 2019-05-23 19:44 A影子放風箏 阅读(1481) 评论(1) 推荐(0)
vue多选验证
摘要：vue select 多选 验证 <FormItem :prop="'formList.'+index+'.name'" label="姓名" :rules="{ required: true, type: 'array', min: 1, message: '输入框不能为空',trigger: ' 阅读全文
posted @ 2019-05-23 19:42 A影子放風箏 阅读(1317) 评论(1) 推荐(0)
vue验证时间范围
摘要：验证时间范围 type="daterange" <DatePicker class="formItem" :size="size" v-model="item.transferTerm" disabled type="daterange" placement="bottom" :options="d 阅读全文
posted @ 2019-05-23 19:41 A影子放風箏 阅读(3163) 评论(0) 推荐(0)
vue接口交互写死的
摘要：vue接口 写死的 RoleOfUserOrgRef: function ({ commit }, param) { return new Promise((resolve) => { $axios.post(`${process.env.API.stsURL}/iscAppOrgUserRelat 阅读全文
posted @ 2019-05-23 19:28 A影子放風箏 阅读(582) 评论(0) 推荐(0)
vue脚手架安装
摘要：// startvue新版脚手架 //卸载旧版本npm uninstall vue-cli -g cnpm install -g @vue/cli或yarn global add @vue/cli //新版本 vue --versioncnpm install webpack -g e:cd E:\ 阅读全文
posted @ 2019-05-23 19:22 A影子放風箏 阅读(406) 评论(0) 推荐(0)
vue拖拽插件（弹框拖拽）
摘要：// 拖拽 插件 cnpm install vuedraggableimport draggable from 'vuedraggable' <draggable v-model="tags" :move="getdata" @update="datadragEnd"> <transition-gr 阅读全文
posted @ 2019-05-23 19:19 A影子放風箏 阅读(4521) 评论(0) 推荐(0)
vue安装openlayers,jquery,bootstrap,阿里iconfont，
摘要：安装 安装openlayers安装指定包安装openlayersVUE中的地图import ol from "openlayers";import "openlayers/dist/ol.css"; cnpm install openlayers --save 安装jquery cnpm insta 阅读全文
posted @ 2019-05-23 19:18 A影子放風箏 阅读(209) 评论(0) 推荐(0)
vue图片查看器
摘要：vue 安装图片查看器插件安装cnpm install v-viewer引用 import 'viewerjs/dist/viewer.css' import Viewer from 'v-viewer' import Vue from 'vue' Vue.use(Viewer)用法 render函 阅读全文
posted @ 2019-05-23 19:16 A影子放風箏 阅读(630) 评论(0) 推荐(0)
vue整合外部js
摘要：vue引入外部jsimport { TrackLine } from "../../../../../static/js/trajectory.js";import { initMap } from "../../../../../static/js/initMap.js"; 写法参照js 文件夹内 阅读全文
posted @ 2019-05-23 19:15 A影子放風箏 阅读(682) 评论(0) 推荐(0)
vue基础
摘要：Vue自定义指令 <div id="app"> <input type="text" v-focus> </div> 全局注册 Vue.directive{'focus',{ //指令选项 //指令调用,元素插入父节点时调用v-focus inserted: function(el){ //聚焦元素 阅读全文
posted @ 2019-05-23 19:14 A影子放風箏 阅读(213) 评论(0) 推荐(0)

// 侧边栏目录 // https://blog-static.cnblogs.com/files/douzujun/marvin.nav.my1502.css