- 博客(35)
- 收藏
- 关注
原创 在vue中使用component配合v-show切换组件
<component v-show="state.showHide.reportFormsShows" :is="state.componentName"// 这个是切换组件名称的 :item="state.operItem" :name="state.operItemName" @eventTransmission="getSondata" ></component>setup() { const state = reactiv
2021-11-12 15:37:16
1607
原创 elementPlus中tree中禁止功能使用
setup(props, { emit }) { const treeRef: Ref = ref(null); const state = reactive({ selectCandidates: false, dept: '', users: '', initiator: '', nameList: [], attribute:'', excelTitle:'', nameListStorage: [], receiveName: [],
2021-11-09 09:51:32
1202
原创 vue3.0中使用ref,并且调用elementPlus里面的tree树形组件里面的getCheckedNodes方法
<el-tree ref="treeRef" :data="nameList" :props="defaultProps" show-checkbox :default-expand-all="false" v-if="contro" /><script lang="ts">import { defineComponent, reactive, toRefs, watch, ref, Ref }
2021-11-09 09:46:42
7230
3
原创 使用过滤filter嵌套过滤出数组对象数组里面某个字段
vue3.0写法let values = state.nameList.filter((v: any) => { if (v.children) { v.children = v.children.filter((d: any) => { return d.nickName.includes(state.formInline.initiator); }); return v.children.length; } return v
2021-11-09 09:09:35
2308
原创 scss样式穿透
sass 和 less 的样式穿透这俩个常用的样式穿透的方式 有俩种 分别是 /deep/ 与 ::v-deep外层容器 /deep/ 组件 { }外层容器 ::v-deep 组件 { }.Userdescriptions /deep/ .ant-descriptions-item-content { border-color: #fff !important;}.userstatus ::v-deep { button { height: 25px; } .ant
2021-10-15 15:03:33
6320
原创 js中日期格式转换成时间搓
var date = new Date('2014-04-23 18:55:49:123'); // 有三种方式获取 var time1 = date.getTime(); var time2 = date.valueOf(); var time3 = Date.parse(date); console.log(time1);//1398250549123 console.log(time2);//1398250549123 console.log(.
2021-10-15 09:24:40
146
原创 在vue中使用过滤器通过js把时间搓转换成日期格式
created() { this.getData(); }, mounted() {},filters: { conversion: function (value) { // console.log(value); // console.log(moment("2021-10-5").unix()); // console.log(moment(parseInt(1633363200)).format("YYYY-MM-DD"));
2021-10-15 09:18:25
115
原创 系统的时间时间戳转化成日期格式时间
mounted() { let time = new Date(); this.formatDate(time, 'yyyy-MM-dd h:m'); // 接收传来的loading状态 EventBus.$on('loading', (value) => { this.isLoading = value; }); // const { page } = this.$route.query; // this.currentPage
2021-10-14 19:44:45
332
原创 多个div垂直居中
css.auit-opingt { height: 88px; width: 117px; display: table-cell; vertical-align: middle; text-align: center;}
2021-09-01 11:06:46
564
原创 小图片和横线与对其方式
<div class="org-info"> <span class="screening-style"></span> <span class="data-screening">数据总览</span> <span class="data-time">{{ time }} 更新</span> </div>css.org-info{ displ.
2021-08-30 14:09:38
45
原创 vue中动态改变表格列表的css类名,样式
<template slot-scope="scope"> <span :class="scope.row.organization_id ? '' : 'isnull'"> //改变两种颜色的时候可以用三目运算符 {{ scope.row.organization_applyment_state === '4' ? scope.row.organization_id : '审核成功后生成'...
2021-08-27 09:31:52
563
原创 ant Design of vue里面的表单获取和赋值
<a-form-item label="bean名称"> <a-input v-decorator="['beanName', { rules: [{ required: true }] }]" v-if="this.title == this.newlyAdded" /> <a-input v-decorator="['beanNameTwo',
2021-06-01 17:18:30
2168
原创 vue,开出新窗口页面
let href = this.$router.resolve({ path: '/' //切换首页 }).href window.open(href,'_blank')
2021-05-25 14:01:22
114
原创 Git实践开发
Git实践开发1. 查看git版本是否安装git --version2.git使用的配置git config --global user.name 你的名字git config --global user.email 你的邮箱git config --list //检查是否配置好了3.这个配置是可以在电脑查看的到在c磁盘中找到我的用户,里面有一个.git.config文件里......
2020-04-23 17:18:53
251
原创 解决element下拉菜单子选项click事件
解决element下拉菜单子选项click事件<el-select v-model="value" placeholder="中文" > <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" ...
2020-04-03 15:06:36
4266
原创 vue项目国际化,中英切换
一、安装 vue-i18n插件npm i vue-i18n二、main.js文件的配置import VueI18n from 'vue-i18n' Vue.use(VueI18n) // 通过插件的形式挂载 const i18n = new VueI18n({ locale: 'zh-CN', // 语言标识 //this.$i18n.locale // 通过...
2020-04-03 14:59:27
449
原创 根据浏览器可视窗口设置高度
根据浏览器可视窗口设置高度<template> <el-card class="box-card" :style="{height:heights+'px'}" > <myBread level1="商品管理" level2="商品列表"></myBread> <el-alert class="alert" title="...
2020-01-20 16:47:05
321
原创 vue动态路由
vue动态路由<div id="app"> <router-link to="/b">排球</router-link> <router-link to="/football">篮球</router-link> <router-link to="/ppq">足球</router-...
2019-12-24 15:29:32
128
原创 用js写hash路由
用js写hash路由<body> <ul> <li><a href="#/aaa">AAA</a></li> <li><a href="#/bbb">BBB</a></li> <li><a href="#...
2019-12-24 12:29:26
258
原创 watch监听多个数据
watch监听多个数据var app = new Vue({ el:"#app", data(){ return{ page:10, prodd: 80, getParm : { keyWord : this.$route.query.searchVal...
2019-12-23 11:49:22
1571
原创 用js判断字符是否是中文、英文、数字
用js判断字符是否是中文、英文、数字var pattern = new RegExp("[\u4E00-\u9FA5]+"); var str = "中文字符" if(pattern.test(str)){ alert('该字符串是中文'); } //验证是否是英文 var pattern2 = new RegExp("[A-Za-z]+")...
2019-12-23 10:07:45
2563
原创 用vue v-for循环图片路径
用vue v-for循环图片路径<template> <el-carousel :interval="4000" type="card" height="200px"> <el-carousel-item v-for="(item, index) in img" :key="index"> <!-- <h3 class="...
2019-12-10 11:47:01
3671
原创 查看电脑端口号并且关闭
netstat -aon|findstr start 8080 //查看电脑端口号这个是没有8080端口号,从这里看的出来有6896端口号Taskkill -f -pid 6896 //关闭端口号
2019-12-06 15:03:57
570
原创 ElementUI修改默认样式,又不影响到其他组件
ElementUI修改默认样式,又不影响到其他组件每个页面加一个唯一id标识,一定不要写 scoped;因为是这私有的。这样就覆盖不了element-ui的样式了,层级不够高;<style> /* 因为id是唯一的。所以不会被影响*/ #select .el-input--suffix .el-input__inner{ height: 30px; ...
2019-12-06 14:37:35
747
原创 绝对路径和相对路径区别
绝对路径和相对路径区别1、相对路径就是以当前文件为基准进行一级级目录指向被引用的资源文件。…/ 表示当前文件所在的目录的上一级目录./ 表示当前文件所在的目录(可以省略)/ 表示当前站点的根目录(域名映射的硬盘目录)2、绝对路径是指文件在硬盘上真正存在的路径。例如:‘D:\images/banner.png’...
2019-11-27 09:31:22
394
2
原创 element按需加载
element按需加载安装elementnpm i element-ui -S借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。首先,安装 babel-plugin-component:npm install babel-plugin-component -D安装完成后项目中会出现babel.config.js或者babelrc文件...
2019-11-26 16:14:01
119
原创 用js添加类名
用js添加类名<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
2019-11-19 14:26:39
428
原创 在vue里如何给v-for循环出来的元素设置不同的样式
在vue里如何给v-for循环出来的元素设置不同的样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
2019-11-19 12:04:10
1603
1
原创 拿element里面的下拉框value和label
拿element里面的下拉框value和label<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-11-19 10:47:18
1868
原创 input搜索功能
vue里面的input搜索功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...
2019-11-19 10:25:46
397
原创 滑动导航栏
HTML<!DOCTYPE html><html><head> <title>横向滑动</title> <style type="text/css"> .slide-box{ //要有足够宽度 width: 150%; heig...
2019-06-16 19:53:27
419
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人