现有一个需求如下 点击“存包记录”,出现弹窗(如下图) ,通过上图传过来的参数:订单id ,查询出来弹窗中的列表, 列表数据来自另一张表,与上图数据的表 关联) 数据库主要涉及两张表 涉及的主表(父组件)关联的表(子组件:弹窗列表查询的数据来源) 我们可以看到:第二张表的外键是第一张表的主键。通过这两张表把图一页面的弹窗页面数据关联起来。&nbs
转载
2024-05-31 10:25:27
822阅读
开源Vue表格组件,表格插件源码前言:关于html里面原生的table,通常满足不了程序员的要求。所以开发了一款表格插件,请访问:这里!! 查看表格插件效果。2.如何获取该插件1 点我...
原创
2023-01-16 19:35:30
588阅读
ElementUI是一套基于VUE2.0的桌面端组件库,ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格
原创
2023-10-08 10:46:08
285阅读
<template> <div> <input type="text" v-model="model"> </div></template><script>export default { props: { value: { type: String, default...
原创
2022-11-23 00:09:52
136阅读
数据驱动和组件化是vue.js两个最重要的特点。组件化是为了方便代码复用,提高开发效率。常见的vue组件写法有四种,各有特色,适用于不同的场景。1.全局组件结构:// 组件的注册
Vue.component( 'componentName', {
template: // 组件的html结构,
data(){
return{
// 组件中的
转载
2023-11-27 20:20:18
91阅读
文章目录1.案例部分代码2. 简述3.案例代码1.案例部分代码 <a-table :colum
原创
2022-09-07 06:52:19
771阅读
1.用extend写全局组件 组件部分 <!-- * @Descripttion: * @Version: * @Date: 2021-09-07 14:12:10 --> <template> <transition name="component-fade" mode="out-in"> <di
原创
2022-07-06 11:49:18
127阅读
大部分项目都需要一个菜单栏进行切换,所以学习了一下怎样封装一个tabbar组件,这样以后使用的时候可以直接拿来使用。1.路由router首先是路由的设置,这个在之前的随笔中已经写过相关的使用方法。说一下使用tabbar,在标签栏下面点击切换页面的时候,跟随到不同的路径,就需要配置相关的router,根据不同的路径展示不同的页面。入口App中的div:<div id="app">
封装vue3+element-pluse+ts通用表格组件实现后台快速开发
原创
2023-11-07 15:00:20
389阅读
:://../Leo_wl/p/5522299.html 有一段时间没更新文章了,主要是因为自己一直在忙着学习新的东西而忘记分享了,实在惭愧。 这不,大半夜发文更一篇文章,分享一个自己编写的一个Vue的小组件,名叫BootPage。 不了解Vue.js的童鞋可以
转载
2016-06-02 12:47:00
123阅读
2评论
04==》v-if下面可以嵌套 同级的 v-if 和v-node如下若是第一个v-if没有下面的就不可能显示出来的。 <span v-if="!single" @click="handleStop(scope.row)"> <a v-if="scope.row.status == 0">停用</a>
原创
2022-09-01 17:53:49
255阅读
公司前端框架使用element plus,自带的table比较基础,稍微复杂一点的功能就需要手搓或者引入其他组件库,所以查找了一下其他功能更完善的table组件,结果如下: 1.AG Grid 英国一家公司产品,据说功能强大,国内用的较少,对应中午文档就少,社区版开源免费,复杂一些的功能,如导出需要 ...
vxetablevue-good-table vue-easytable
原创
2023-04-29 07:48:01
420阅读
vue项目一直在用的pc端后台管理系统的组件库是ElementUI,但是在最近的项目
转载
2021-12-24 13:46:59
3084阅读
在经过初始化阶段之后,即将开始组件的挂载,在挂载之前有必要了解下虚拟Dom 的概念。我们知道vue@2.0 开始引入了虚拟dom, 主要解决的问题是, 大部分情况下可以降低使用Javascript 去操作跨线程的庞大dom所需要的昂贵性能,让dom 操作的性能更高效; 以及虚拟Dom可以用于SSR以及跨端使用。 虚拟Dom, 顾明思议并不是真实的Dom, 而是使用javascript 的对象来对真
转载
2023-12-29 19:45:02
118阅读
Vue组件化的特性让页面开发变的很简单,往往开发者一直在处理父子组件之间的业务逻辑关系,这篇博文根据一个小Demo,了解父子组件的用法! 文章目录1.组件的概念起步2.父组件引用子组件3.父组件与子组件实现数据双向绑定4.父组件调用子组件的方法5.子组件调用父组件的方法 1.组件的概念组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如 data、computed、wat
转载
2024-03-21 23:12:54
398阅读
vue虚拟列表-vue-virtual-scroll-list vue虚拟列表-vue-virtual-scroll-listvue虚拟列表-vue-virtual-scroll-list使用场景安装使用 使用场景因为公司做了类似于百度网盘的竞品,所以用户如果上传了很多的文件,就会造成页面DOM元素的过多,然后因为需要操作DOM元素,所以页面会变得很卡。所以用虚拟列表来解决。安装安装的话这个插件有
转载
2024-01-12 06:41:40
1391阅读
如何使用vue写一个组件库 组件以插件的形式引入使用,当然,也可以直接在页面引入组件文件,两者按需使用。 安装插件: import Button from './oyButton'; Button.install = function (vue) { Vueponent(Button.nam
转载
2020-12-14 19:12:00
190阅读
轮播图组件 <template>
<div class="slider" ref="slider">
<div class="slider-group" ref="sliderGroup">
//这里的<slot></slot>插槽表示里面的内容可以由引用这个轮播图组件的推荐组件来插入 只需要在<
转载
2024-05-04 13:56:39
429阅读
在网上经常看到有朋友在问自己能不能写vue组件 如果可以怎么应用到自己的项目之中呢!我觉得吧这个事儿就和用煮大米饭是一个道理的1. 首先作大米饭我们得有米吧 要不 巧妇难为无米之炊啊 因此先买好我们自己的大米也就是创建组件文件,这里我假设要创建一个自己loading效果组件 那么我们就先创建 loading.vue 里面的代码根据vue template相关规则写就可以 这里就不在赘述
转载
2024-03-18 12:01:09
19阅读