vue组件
小小亮01
这个作者很懒,什么都没留下…
展开
-
vue前端拿到后端pdf与zip等重新打包为一个新的zip包
【代码】vue前端拿到后端pdf与zip等重新打包为一个新的zip包。原创 2023-09-11 09:55:25 · 387 阅读 · 0 评论 -
vue2实现一个树型控件(支持展开树与checkbox勾选)
【代码】vue2实现一个树型控件(支持展开树与checkbox勾选)原创 2023-07-31 16:59:29 · 1223 阅读 · 1 评论 -
vue2实现一个上边为搜索,下面为复选框选中后,右侧显示已选中组件
【代码】vue2实现一个上边为搜索,下面为复选框选中后,右侧显示已选中组件。原创 2023-07-01 22:33:30 · 429 阅读 · 0 评论 -
vue2实现一个抽屉组件封装
【代码】vue2实现一个抽屉组件封装。原创 2023-04-25 16:42:39 · 648 阅读 · 0 评论 -
vue2 实现一个input查询 + 下面为chechbox的下拉列表组件
【代码】vue2 实现一个input查询 + 下面为chechbox的下拉列表组件。原创 2023-03-30 19:06:39 · 334 阅读 · 0 评论 -
vue2 实现一个左右两侧,收起与展开组件 ( 用于存放,aside和main )
【代码】vue2 实现一个左右两侧,收起与展开组件 ( 用于存放,aside和main )原创 2023-03-30 19:03:59 · 683 阅读 · 0 评论 -
vue2 Pagination 分页组件
【代码】vue2 Pagination 分页组件。原创 2023-03-28 19:55:34 · 760 阅读 · 1 评论 -
vue2 IconLoading 加载中组件
【代码】vue2 IconLoading 加载中组件。原创 2023-03-28 19:38:54 · 303 阅读 · 0 评论 -
vue2 SearchForm组件 表单查询
【代码】vue2 SearchForm组件 表单查询。原创 2023-03-28 19:38:31 · 677 阅读 · 0 评论 -
vue2 实现一个超出隐藏显示省略号,鼠标滑过显示tip组件
【代码】vue2 实现一个超出隐藏显示省略号,鼠标滑过显示tip组件。原创 2023-03-28 19:25:55 · 725 阅读 · 0 评论 -
vue2 实现类似百度一下,支持可输入模糊查询,也支持输入时下拉选择,回车查询
【代码】vue2 实现类似百度一下,支持可输入模糊查询,也支持输入时下拉选择,回车查询。原创 2023-03-25 08:39:18 · 632 阅读 · 0 评论 -
echarts之水球图与响应式
echarts之水球图与响应式原创 2023-03-10 18:20:52 · 287 阅读 · 0 评论 -
vue之下拉菜单组件的 v-model使用
目录vue之下拉菜单组件的 v-model使用XSelect.vue使用组件vue之下拉菜单组件的 v-model使用XSelect.vue<template> <div> <el-select v-model="model" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="i原创 2021-12-12 21:59:11 · 1025 阅读 · 0 评论 -
vue之Form和FormItem组件的封装思想
目录vue之Form和FormItem组件的封装思想Form.vueFormItem.vue使用组件vue之Form和FormItem组件的封装思想Form.vue<template> <div><slot></slot></div></template><script>export default { name: "Form", props: { model: { type:原创 2021-12-01 21:24:32 · 2689 阅读 · 0 评论 -
vue之封装checkbox 和 checkboxGroup组件
目录vue之封装checkbox 和 checkboxGroup组件Checkbox.vueCheckboxGroup.vue使用组件vue之封装checkbox 和 checkboxGroup组件Checkbox.vue<template> <label :class="['x_checkbox', { 'is-checked': isChecked }]"> <!-- isChecked {{ isChecked }} --> <sp原创 2021-11-29 21:59:02 · 1681 阅读 · 0 评论 -
vue之radio组件(可通过computed计算属性来改变父组件的值)
目录vue之radio组件(可通过computed计算属性来改变父组件的值)Radio.vue使用组件vue之radio组件(可通过computed计算属性来改变父组件的值)Radio.vue<template> <label :class="['x_radio', { 'is-checked': value === label }]"> <span class="x_radio_input"> <span class="x_radio原创 2021-11-28 22:20:38 · 811 阅读 · 0 评论 -
vue之switch开关组件的封装
目录vue之switch开关组件的封装Switch.vue使用组件vue之switch开关组件的封装效果:Switch.vue<template> <div @click="swtichClick" :class="['x_switch', { 'x-switch-checked': value }]" > <span class="x_switch_core" ref="core"> <span class原创 2021-11-28 21:34:09 · 580 阅读 · 0 评论 -
vue之封装input组件
目录vue之封装input组件Input.vue使用组件vue之封装input组件效果:Input.vue<template> <div :class="['x_input', { 'x-input-suffix-wrap': showSuffix }]"> <!-- 如果传递showPassword 进行判断是否切换 密码的显示 否者的话,就拿type的类型 --> <input :type="showPass原创 2021-11-28 16:26:30 · 951 阅读 · 0 评论 -
vue之封装组件,组件可使用v-model语法糖
目录vue之封装组件,组件可使用v-model语法糖Input.vue使用组件vue之封装组件,组件可使用v-model语法糖Input.vue<template> <div class="x_input"> <input :type="type" :class="['x_input_inner', { 'is-disabled': disabled }]" :placeholder="placeholder"原创 2021-11-28 09:46:24 · 470 阅读 · 0 评论 -
vue之封装一个 弹窗组件 dialog
目录vue之封装一个 弹窗组件 dialog使用dialog组件 Home.vuevue之封装一个 弹窗组件 dialog实现效果:点击按钮,弹窗显示出来点击关闭 || 取消 || 确定 弹窗隐藏弹出时候带着遮罩层以及过渡动画效果关闭时候,可以点击遮罩层关闭,mashFlag熟悉控制是否点击遮罩层 是否触发关闭弹窗事件<template> <!-- 遮罩层 self只是点击自己--> <transition name="dialog-原创 2021-11-27 20:55:29 · 2449 阅读 · 0 评论