![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
爱喝冬瓜汤的外星人
很懒
展开
-
vue项目中添加自定义右键菜单
简单的添加邮件菜单的demo原创 2022-09-06 10:28:17 · 984 阅读 · 0 评论 -
自定义组件的v-model
在项目中会遇到很多,组件需要双向绑定,使用组件的时候绑定v-model1、封装一个radioRow<template> <div class="check-box-container"> <div class="check-box-title"> 产品选择 </div> <div class="content"> <template> <el-radio-g原创 2021-09-03 11:55:28 · 289 阅读 · 0 评论 -
vue marquee 思路总结(附具体代码)
需求:项目中需要做一个通知的跑马灯,试了很多方案,最后用了下面这种,感谢大佬的博客原博客地址: 点这里最终的效果:剖析代码(本菜鸡第一次看有点绕)marquee.vue的源代码<template> <div class="marquee-wrap"> <div class="scroll"> <p class="marquee">{{ text }}</p> <p class="copy">原创 2021-04-15 17:22:10 · 2279 阅读 · 5 评论 -
elementui 新增和编辑使用同一个dialog
项目中很多场景都有新增和编辑,使用一个dialog完成两个功能新增和编辑分开写就上下面这样,写两个dialog <!--添加角色对话框--> <el-dialog title="添加角色" :visible.sync="addRoleDialogVisible" width="30%"> <el-form ref="form"原创 2021-02-03 16:31:24 · 3422 阅读 · 0 评论 -
el-radio的坑
vue项目中:1.如果不需要显示文字,只需要显示单选框,那就将label隐藏scss写法::v-deep .el-radio__label{ display: none;}less写法/deep/ .el-radio__label{ display: none;}2.el-table中有一列 是默认选中,用到了el-radio单选框,只能有一个选中获取到的数据格式, isDefault控制是哪一行的radio选中,取值为1表示选中,取值为0不选中[ {原创 2021-02-03 16:02:20 · 1735 阅读 · 0 评论 -
elementui每次显示el-dialog都进行初始化
先说解决方案:加上v-if每次都会销毁和重新创建<el-dialog title="提示" :visible.sync="dialogVisible" v-if="dialogVisible" width="30%" :before-close="handleClose"></el-dialog>在项目中遇到一个场景,点击table中的授权按钮,去给这一行对应的用户授权角色逻辑:点击授权按钮,显示授权dialog,在子组件的created生命周期中去获取原创 2021-02-03 15:33:46 · 4162 阅读 · 0 评论 -
el-table使用相关问题
1.表头的表格内容居中显示给el-table标签加上这两句代码:header-cell-style="{'text-align':'center'}":cell-style="{'text-align':'center'}"2.表格数据是true/false,但是需要显示其他信息,怎么办?valid是布尔值<el-table-column prop="valid" label="是否有效"> <template slot-scope="scope"&g原创 2021-01-28 10:30:16 · 409 阅读 · 0 评论 -
隐藏当表单验证不通过时的输出async-validator警告
隐藏前:点右边找到代码的位置,注释掉代码文件路径:node_modules\async-validator\es\util.js将console.warn(type, errors);注释掉重新查看没有输出了!!!原创 2021-01-08 15:04:00 · 1809 阅读 · 0 评论 -
vue项目中美化滚动条
可以在App.vue中全局写::-webkit-scrollbar-track{background: rgba(0,0,0,.1);border-radius: 0;}::-webkit-scrollbar{-webkit-appearance: none;width: 10px;height: 10px;}::-webkit-scrollbar-thumb{cursor: pointer;border-radius: 5px;background: rgba(0,0,转载 2021-01-05 18:45:44 · 1861 阅读 · 0 评论 -
vue基础知识大全
知识清单初识vue初识vue1.什么是Vue?Vue.js 是一套构建用户界面的框架,它不仅易于上手,还可以与其它第三方库整合(Swiper、IScroll、…)。2.框架和库的区别?框架:是一套完整的解决方案;对项目的侵入性较大,项目如果需要更换框架,则需要重构整个项目。库(插件):提供某一个小功能,对项目的侵入性较小,如果某个库无法完成某些需求,可以很容易切换到其它库实现需求。例如: 从jQuery 切换到 Zepto, 无缝切换从IScroll切换到ScrollMagic, 只需要将用原创 2020-08-16 14:44:31 · 829 阅读 · 1 评论