![](https://img-blog.csdnimg.cn/20200615220305753.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue组件
文章平均质量分 58
基于 Vue.js 的开源 UI 组件库
我是李大福
一个小小的前端工程师
展开
-
问题解决:element checkbox 点击一个结果全选了
使用element的checkbox复选,点击任意一个,结果全选了。原创 2024-04-09 18:30:00 · 690 阅读 · 0 评论 -
vue父子组件之间相互控制传值,子组件使用$parent直接控制父组件的值
父组件在提交表单后,弹框进行提示,子组件是一个弹框。原创 2023-07-01 21:21:02 · 422 阅读 · 0 评论 -
vue使用emit控制改变父组件的值,实现子组件的显示与隐藏
父组件在提交表单后,弹框进行提示,子组件是一个弹框。原创 2023-07-01 21:18:17 · 895 阅读 · 0 评论 -
基于elementUI的el-button的vue版404 500 403 页面,同时兼容电脑端和手机端
基于elementUI的el-button的vue版404 500 403 页面,可以直接作为组件使用。如果是使用的其他ui框架只需要修改按钮样式就可以。原创 2022-07-10 22:04:09 · 614 阅读 · 0 评论 -
vue版锚点定位巡航
vue版锚点定位巡航原创 2022-05-24 22:43:46 · 381 阅读 · 0 评论 -
nuxt 使用swiper轮播
nuxt 使用swiper轮播原创 2022-05-19 23:59:50 · 722 阅读 · 0 评论 -
vue 最简单的tab选项卡
选项卡文章目录选项卡概述效果图代码demo概述本tab选项卡demo只实现基本的tab选项卡切换,具体样式请依据项目进行修改优化效果图代码demo<!-- 产品详情 :产品介绍、产品规格、产品售后 --><template> <div class="intro"> <ul class="tabs"> <li class="tab" v-for="(item,index) in tabs" :key="ind原创 2022-01-09 23:41:19 · 620 阅读 · 0 评论 -
iview 全选问题,全选demo案例,直接可以使用的案例
iview 全选问题,全选demo案例,直接可以使用的案例文章目录iview 全选问题,全选demo案例,直接可以使用的案例效果图全选全不选部分被选中使用方法iview官方api在线vue测试环境完整demo代码效果图全选全不选部分被选中使用方法checkAll: true,默认为全选,如果需要默认不全选,请设置为checkAll: false,iview官方apicheckbox在线vue测试环境iview完整demo代码<template><div c原创 2021-11-17 22:37:36 · 748 阅读 · 2 评论 -
div模拟表格,可以依据列数不同进行调节
模拟表格需求分析html的table有时候不能完全满足需求,就需要我们自己用div模拟绘制一个,于是就有了这个案例demo。目前实现的是两列效果,如果需要三列,将$w-i:50%; 改为 $w-i:33.3333%; ;将最后一列的补白<li v-if="list&&list.length%2==1" class="tableHa_list_i"><span class="tableHa_list_i_l"></span><span class原创 2021-09-06 22:39:10 · 641 阅读 · 0 评论 -
VUE遇到 vue.min.js:6 TypeError: Cannot read property ‘__ob__‘ of undefined 最简单粗暴的解决办法
TypeError: Cannot read property ‘ob’ of undefined解决方法方法一:data(){} 改为data(){ return{}}方法二:直接删除掉 data(){}<script>export default { name: 'component10', props: { item: {} }, data(){}}</script>问题分析问题报错...原创 2021-07-16 18:45:40 · 4290 阅读 · 0 评论 -
Avoid mutating a prop ..... Instead, use a data or computed property based on the prop‘s value
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "vid" prop之vid正在被改变。免直接改变这个prop,因为每当父组件重新渲染时,该值将被覆盖。相反原创 2021-07-15 21:18:34 · 638 阅读 · 0 评论 -
vue项目中页面中最常用的key value横向对齐结构(uni-app为例)
最常用的横向布局结构,名字和内容形式。原创 2021-04-12 23:01:55 · 843 阅读 · 0 评论 -
uView 封装 Select 组件
uview封装select。将组件代码以Select.vue 命名,放置于components目录下的Select下,这样命名后,系统在任意页面都可以找到这个组件原创 2021-02-28 13:47:15 · 3121 阅读 · 0 评论 -
vue项目常用固定套路,改字段名,分页加载数据
vue项目常用固定套路修改数据字段名 – map描述:后台传过来的json数据,字段是xingming、sex,但是前端页面需要使用name、gender,于是需要对数据字段进行修改。let persons = [ { xingming: "杰克", age: 18, id: 5, sex: "男" }, { xingming: "李雷", age: 20, id: 2, sex: "男" }, { xingmin原创 2021-02-03 22:39:50 · 772 阅读 · 0 评论 -
VM402 WAService.js:2 TypeError: Right-hand side of ‘instanceof‘ is not callable
VM402 WAService.js:2 TypeError: Right-hand side of ‘instanceof’ is not callable原创 2021-01-28 22:01:28 · 1025 阅读 · 0 评论 -
Uncaught TypeError: Failed to execute ‘getComputedStyle‘ on ‘Window‘: parameter 1 is not of type ‘El
swiper报错如下Uncaught TypeError: Failed to execute ‘getComputedStyle’ on ‘Window’: parameter 1 is not of type ‘Element’.原因及解决办法:如下代码的加粗位置的元素必须是 .swiper-container,否则就会报错,并且轮播无法使用···var indexBanner = ...原创 2019-07-03 15:56:53 · 11870 阅读 · 10 评论 -
vue 段落文字太长(长文收缩)点击展开与收起,查看更多,收起,展开
vue 段落文字太长点击展开与收起原创 2020-05-13 00:38:26 · 6118 阅读 · 9 评论