![](https://img-blog.csdnimg.cn/20200413104754809.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue探索之路
我的代码没bug
心中无女人,代码自然神
展开
-
vue3+vite+ts 引入element-plus踩坑
如标题,不知道是什么原因,element样式,官网给的是base.scss,实际上要引入index.scss.导致样式出不来首先要安装element-原创 2021-06-10 10:55:28 · 6911 阅读 · 1 评论 -
Vue自定义指令 限制按钮短时间内重复提交
项目中创建directive文件夹,用来存放自定义指令,新建index.js export default { install(Vue) { // 禁止短时间内重复点击 Vue.directive("preventClick", { inserted(button, bind) { button.addEventListener("click", () => { if (!button.disabled) {原创 2021-05-07 16:33:09 · 1433 阅读 · 0 评论 -
Vue3学习之组件传值
前言:众所周知,Vue单项数据流,在vue2.x版本中,父子组件传值都通过,props和emit传值,但是在vue3中取消了this上下文,那this.$emit咋搞呢?接下来就是记录学习vue3组件传值的方法,淦就完了,奥利给~一:父子组件传值1.emit(子组件)子组件传值<template> <button @click="childEmit">传值</button></template><script>...原创 2021-02-01 16:02:29 · 1608 阅读 · 0 评论 -
vue基于Element-ui二次封装分页组件
一.参数说明事件名称 说明 回调参数 size-change pageSize 改变时会触发 每页条数 current-change currentPage 改变时会触发 当前页 prev-click 上一页事件 当前页 next-click 下一页事件 当前页 二.封装组件<template> <div class="pagination"> &...原创 2020-11-30 11:29:54 · 480 阅读 · 0 评论 -
vue element ui form表单值不可填
文本框之类的,@input ,单选多选,下拉,@change 绑定事件强制刷新handlerInput(){this.$forceUpdate();},原创 2020-09-21 16:19:03 · 373 阅读 · 0 评论 -
element ui修改树形表格前面小三角图标
修改后的自定义图标// 下拉按钮/deep/.el-icon-arrow-right:before { content: "\e791";}/deep/.el-table__expand-icon--expanded .el-icon-arrow-right:before { content: "\e790";}/deep/.el-table__expand-icon--expanded { -webkit-transform: rotate(0deg); trans..原创 2020-07-21 18:59:23 · 3530 阅读 · 0 评论 -
element-ui的下拉框有值却无法选中的问题
使用element ui踩坑,下拉框有值,但是却无法改变解决方案:https://blog.csdn.net/weixin_43216105/article/details/86699772转载 2020-06-03 19:04:43 · 416 阅读 · 0 评论 -
Vue-Cli脚手架安装(项目创建)详解
Vue-Cli 脚手架脚手架:帮助我们把webpack等相关配置都处理好,开箱即用,脚手架好比工具,我们只需要基于脚手架快速构建一个项目即可 参考网址:https://cli.vuejs.org/zh/ 安装:下载Vue-Cli脚手架,一般安装在全局(-g)npm install -g @vue/cli# 或者yarn global add @vue/cli安装完成后全局环境...原创 2020-03-24 22:13:53 · 4389 阅读 · 1 评论