- 博客(103)
- 问答 (1)
- 收藏
- 关注
原创 将stylus样式转换成sass或less
由于上个项目用的是stylus,现在要把部分功能迁移到新项目(用的是less),所以需要将样式文件转译一下。第二步:在存放样式的文件夹下。
2023-03-09 22:03:20 844
原创 element-ui表头动态渲染
<template> <el-table :data="tableData" style="width: 100%" border> <el-table-column prop="CharacterPostCode" label="编码" width="180"> </el-table-column> <el-table-column prop="Remarks" label="备注" width="180"> </el.
2022-05-20 19:59:04 800 2
原创 element-ui表格封装
table.vuehome.vue<template> <UK-Table :showIndex="true" :data="tableData" :rowHeader="rowHeader"></UK-Table> <div class="pagination-container"> <el-pagination @size-change="handleSizeChange" @pag
2022-05-20 18:07:52 872
原创 Vue3父组件调用子组件的方法-子组件向父组件传值
setup写法// 父组件<template> <div> <h2>我是父组件!</h2> <button @click="handleClick">调用子组件的方法</button> <Child ref="child" @childClick="childClick"/> </div></template> <script>import {
2022-04-16 14:59:37 4935
原创 vue项目使用clipboard.js点击复制功能
第一步:npm install clipboard --save第二步:全局引入import clipboard from 'clipboard';//注册到vue原型上Vue.prototype.clipboard = clipboard;或局部引入import Clipboard from "clipboard";第三步:在页面中使用<span class="cobyOrderSn" data-clipboard-text="小茗同学" @click="copy('c
2022-02-18 20:04:42 483
原创 js数组列表转树状结构
export function listToTree( list = [], root = null, idField = 'menuId', parentIdField = 'parentId',) { const tree = [] const hash = {} const childrenField = 'children' for (let i = 0, l = list.length; i < l; i++) { const d = list[i]
2022-02-11 16:24:44 499
原创 js树状结构转列表方法
export function treeToList( tree = [], idValue = null, childrenField = 'children', idField = 'id', parentIdField = 'pid',) { const list = [] if (!childrenField) childrenField = 'children' for (let i = 0, j = tree.length; i < j; i++) {
2022-02-11 16:21:55 918
原创 excel映射
<template> <div> <el-steps :active="active" simple> <el-step v-for="(item,index) in stepList" :key="index" :title="item.title" :icon="item.icon" @click.native="stepClick(index)"></el-step> </el-steps>
2022-02-11 11:11:45 1480
原创 js循环删除两个数组相同的数据
// 循环删除相同的数据var id = [1, 2, 3, 4, 5];var del = [4, 5];var temp01 = [];var temp02 = [];for (var i in del) { temp01[del[i]] = true;}for (var k in id) { if (!temp01[id[k]]) { temp02.push(id[k]); }}console.log(temp02);...
2022-01-19 16:27:39 1498
原创 Ant Design Vue上传文件自定义formData格式传参
index.vue<template> <a-upload v-model:file-list="fileList" name="file" :multiple="false" :show-upload-list="false" :headers="headers" @change="handleChange" :customRequest="customRequest" @updat
2022-01-10 19:32:47 2234
原创 js格式化列表数据的方法
/** * 格式化列表的方法 */export function treeToList( tree = [], idValue = null, childrenField = 'children', idField = 'menuId', parentIdField = 'parentId',) { const list = [] if (!childrenField) childrenField = 'children' for (let i = 0, j = tr
2021-12-30 11:02:48 774
原创 vue的实例属性$options
<script>export default { name: "Test", data() { return { }; }, //在data外面定义的属性和方法通过$options可以获取和调用 name: "zs", age: 12, haha() { console.log("haha"); }, created() { console.log(this.$options.name); // zs
2021-12-20 09:29:36 139
原创 vue3的非Prop的Attribute继承和自定义默认继承
父组件 <DatePicker data-time="2021-12-17"/> import DatePicker from "../components/DatePicker.vue" components: { DatePicker },子组件<template> <div class="date-pick"> <input type="" name="" value="" v-bind="$attrs"> &
2021-12-17 16:06:44 492
原创 vue3中自定义组件使用v-model实现双向数据绑定
父组件<template> <div> <Myinput v-model:firstName="firstName" v-model:lastName="lastName"/> {{firstName}}--{{lastName}} </div></template><script>import Myinput from "../components/Myinput.vue";export defau
2021-12-17 15:41:23 349
原创 vue3中使用mitt实现非父子组件的传值
安装npm install mittjsimport mitt from 'mitt'export default mitt()引入import mybus from "../myplugins/mybus";发送mybus.emit('自定义事件名称','数据');接收mybus.on('自定义事件名称',data=>{ console.log(data);//接收到的数据})移除mybus.off('自定义事件名称');...
2021-12-17 15:37:48 457
原创 element-ui跳转导致弹框关闭问题
业务需求:A页面打开了弹窗,要跳转至B页面复制内容粘贴在A页面的弹窗form里。所以要保持A页面的弹窗不关闭。A页面:设置弹窗样式和不关闭 <el-dialog title="收货地址" :visible.sync="dialogTableVisible" :fullscreen="false" :modal="false" :close-on-click-modal="false" :close-on-press-escape="false"> <el-table
2021-12-07 16:51:03 1014
原创 vue项目实现登录记住密码功能
<template> <div class="wrapper"> <el-form :model="loginForm" :rules="rules" ref="loginForm" label-position="left" label-width="0px" class="login-container" style="margin-top:10%"> <h3 class="title">系统登录</h3>
2021-11-26 14:28:35 211
前端vue项目如何实现表格中的输入框模糊搜索下拉表格选择?
2021-08-31
TA创建的收藏夹 TA关注的收藏夹
TA关注的人