vue
抑制、
这个作者很懒,什么都没留下…
展开
-
js,复制图片
js复制图片原创 2022-07-19 13:31:13 · 610 阅读 · 1 评论 -
js,复制文本
前端复制功能原创 2022-07-19 13:13:03 · 98 阅读 · 0 评论 -
在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 · 1594 阅读 · 0 评论 -
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 · 1170 阅读 · 0 评论 -
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 · 7073 阅读 · 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 · 2282 阅读 · 0 评论 -
多个div垂直居中
css.auit-opingt { height: 88px; width: 117px; display: table-cell; vertical-align: middle; text-align: center;}原创 2021-09-01 11:06:46 · 563 阅读 · 0 评论 -
小图片和横线与对其方式
<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 · 44 阅读 · 0 评论 -
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 · 555 阅读 · 0 评论 -
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 · 249 阅读 · 0 评论 -
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 · 2121 阅读 · 0 评论 -
vue,开出新窗口页面
let href = this.$router.resolve({ path: '/' //切换首页 }).href window.open(href,'_blank')原创 2021-05-25 14:01:22 · 107 阅读 · 0 评论 -
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 · 442 阅读 · 0 评论 -
根据浏览器可视窗口设置高度
根据浏览器可视窗口设置高度<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 · 319 阅读 · 0 评论 -
解析后台返回的时间戳并且在Element-ui表格显示
解析后台返回的时间戳并且在Element-ui表格显示原创 2019-12-30 10:37:43 · 1086 阅读 · 0 评论 -
把axios写成vue插件,像element一样
把axios写成vue插件,像element一样原创 2019-12-26 15:29:45 · 80 阅读 · 0 评论 -
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 · 122 阅读 · 0 评论 -
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 · 1565 阅读 · 0 评论 -
用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 · 3655 阅读 · 0 评论 -
在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 · 1598 阅读 · 1 评论 -
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 · 394 阅读 · 0 评论