![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 60
小胖梅前端
我真的很菜,又很想躺平
展开
-
elementui侧边导航文字不隐藏的问题
el-menu 标签本身希望里面嵌套的是el-menu-item, el-submenu, el-menu-item-group这三个标签,但是里面却嵌套了div标签 , 而导致折叠后就隐藏不了文字。原创 2023-03-14 08:38:46 · 393 阅读 · 0 评论 -
vue双向绑定原理
Vue双向绑定的原理。原创 2023-03-07 10:08:58 · 1465 阅读 · 0 评论 -
elementPlus 全局组件中文转换
vue3中使用element-plus英文转成中文原创 2023-02-24 11:09:40 · 1927 阅读 · 2 评论 -
vue使用nprogress(进度条)
vue使用nprogress 加载页面的进度条原创 2023-02-14 14:35:08 · 3610 阅读 · 0 评论 -
Vue I18n(Vue国际化)
vue-i18n与element-ui一起使用原创 2022-12-04 16:59:32 · 532 阅读 · 0 评论 -
vue导出excel表格(详细教程)
vue中导出excel原创 2022-12-04 11:28:27 · 2004 阅读 · 0 评论 -
Vuex - 持久化
vuex数据持久化原创 2022-11-27 22:59:31 · 16308 阅读 · 0 评论 -
Vue组件之间数据通信12种方式
vue组件通信的12种方式原创 2022-11-24 23:04:30 · 7021 阅读 · 0 评论 -
nvm的下载,安装与使用详解
nvm安装和使用原创 2022-11-22 16:22:52 · 1377 阅读 · 0 评论 -
vue-router滚动行为
vue路由-滚动行为原创 2022-11-14 22:29:20 · 1388 阅读 · 0 评论 -
Moment.js的基本使用
Momentjs在Vue的使用原创 2022-11-11 23:22:20 · 22906 阅读 · 2 评论 -
vue 的 render 函数的用法:new Vue({ render: h => h(App), }).$mount(‘#app‘)
vue 的 render 函数的用法:new Vue({ render: h => h(App), }).$mount(‘#app‘)原创 2022-11-05 22:35:23 · 528 阅读 · 0 评论 -
vue项目文件介绍
vue项目各个文件配置说明原创 2022-11-05 22:19:39 · 5164 阅读 · 0 评论 -
Vue调试工具vue-devtools的安装与使用
主要介绍vue-devtools的安装与使用原创 2022-11-05 20:58:46 · 10153 阅读 · 1 评论 -
如何配置 vscode 识别@文件路径
在前端开发项目中常常会使用 @ 别名,但是在vscode中默认是不识别的。可以使用下面的配置让vscode 识别 @文件路径,以便支持 ctrl+左键 点击跳转。方式一:项目配置在项目根目录创建 jsconfig.json 文件 文件内容:{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"], } }, "exclude": ["node_modules", "di原创 2022-01-21 15:48:20 · 5628 阅读 · 2 评论 -
在vue中使用wangEditor富文本编辑器
wangEditor编辑器 Vue基本配置项说明:vue项目搭建是通过 vue-cli搭建的项目官网文档网址:官网:https://www.wangeditor.com/文档:https://doc.wangeditor.com/最终效果:1.安装wangEditorcnpm install wangeditor@3.1 --save (说明:安装4.xx版本 启动不了项目)2.创建公共组件3. 编译器组件内容<template> &..原创 2021-01-07 21:50:43 · 1809 阅读 · 1 评论 -
vue实现动态列表 点击 各行换色
只是模拟一练习 v-for v-on v-bind的一个简单demo代码思路:遍历出data里面的数据 v-for给li加点击事件绑定class样式 怎么控制样式的显示通过 class的控制 v:bind:class={class:index==变量} 下标和class变量是否相等控制true false代码:<div id="app"> <ul> ...原创 2018-06-10 15:17:17 · 9641 阅读 · 1 评论 -
vue指令大全
闲来无事,最近在总结笔记,也买了一本vue入的书,总结一下知识点指令: v-on指令作用:为HTML元素绑定事件监听语法:v-on:事件名称='函数名称()'简写语法:@事件名称='函数名称()'注:函数定义在methods配置项中练习指令 对数组的增删 截图代码v-show指令作用:控制切换一个元素的显示和隐藏display属性控制语法:v-show=表达式根据表达式结果的真假,确定是否显示当前...原创 2018-06-10 16:46:44 · 858 阅读 · 0 评论 -
vue2使用Swiper轮播组件
vue2框架中使用swiper库 vue使用swiper原创 2018-06-27 21:18:04 · 2992 阅读 · 1 评论 -
如何理解Vue的渐进式?
渐进式框架:应该是主张问题较少,没有那多的硬性要求,例如angular必须使用它的模块机制,依赖注入。。。,react的函数式编程理念,vue就是没有啥主张,可以在原有系统上面,引入vue直接就可以当jquery用还可以更简单的理解为:逐渐增强的使用,单独使用vue.js在网页中局部使用,还可以大量使用,甚至是全局使用vue搭建框架。 对于Vue是渐进式框架的理解:每个框架都不可避...原创 2019-02-13 09:02:48 · 4005 阅读 · 0 评论 -
Vue项目环境搭建及git仓库新建
主要是git安装 vue在git上的项目搭建命令 简单总结下1.node安装 2.git安装 3.码云项目管理 4.vue项目搭建 5.git和码云代码同步1. 安装node.js链接:https://nodejs.org/en/download/直接傻瓜式安装即可。一直下一步下一步就好啦。 安装完成后,在命令行运行node–v和npm –v均可以查看版本...原创 2019-02-24 16:47:01 · 4327 阅读 · 0 评论 -
Vue组件汇总
内容UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - ...转载 2019-02-25 19:51:06 · 757 阅读 · 0 评论 -
2023年最新的Vue全套面试题(含答案)
前端Vue面试题 最新面试题 最全的面试题vue原创 2019-03-06 11:36:43 · 142846 阅读 · 14 评论 -
vue项目关闭eslint检查,vue关闭代码格式校验
eslint是一个JavaScript的校验插件,通常用来校验语法或代码的书写风格。关闭eslint检查有了eslint的检查,代码中的缩进、空格、空白行之类的都会被按照规范检查但是,如果突然引入一个第三方加密的插件,怎么忽略该插件检查都不好使的情况下,最简单粗暴的方法就是关闭eslint检查找到build/webpack.base.conf.js文件,作如下修改:你的buil...原创 2019-03-08 17:01:24 · 8640 阅读 · 1 评论 -
vue项目中安装less
1:less 安装webpack配置npm install less --savenpm install style-loader css-loader less-loader --savewebpack..base.config.jsmodule: {rules: [{test: /\.less$/,use: ['style-loader'...原创 2019-03-08 17:03:48 · 3424 阅读 · 1 评论 -
Vue中使用 transition动画,vue过渡动画
Vue的动画并没有非常炫酷的效果,不过也是有一些实用性的,在项目中有的地方使用,也是能够营造出不同的效果下面为大家列举两个简单实现动画的例子,动画其实很简单,就是利用transition标签案例;点击按钮 实现内容切换---动画显示是淡隐淡出的效果<style>.fade-enter, .fade-leave-to { opacity: 0}.fade-ente...原创 2019-03-07 16:37:49 · 5451 阅读 · 0 评论 -
Vue过渡 动画 transition结合animate.css使用
第一步.引用 animate.css文件第二步.定义动画名字,如下图<transition enter-active-class="zoomInLeft" leave-active-class="zoomOutRight"> <p v-show="show" class="animated"></p><原创 2019-03-07 16:41:22 · 3560 阅读 · 0 评论 -
切换多个模板的组件
在我们平时使用vue中的模板的时候,许多时候都是直接定义成一个固定的模板,但是,vue中提供了一个动态模板,可以在任意模板中切换,就是用vue中<component>用:is来挂载不同的组件。<div id="app" v-cloak> <component :is="currentView"></component>...原创 2019-03-07 17:19:45 · 867 阅读 · 0 评论 -
如何将element-ui中的表格和分页器连接起来
如何将element-ui中的表格和分页器连接起来使用element-ui插件不久,遇到的一些分页问题代码如下:如何将element-ui中的表格和分页器连接起来`第一步:页面先引入element-ui页面显示效果如下:需要分页对应element-ui找到对应的分页内容第一步:第二步:第三步第四步跳转...原创 2019-07-01 16:45:19 · 5803 阅读 · 4 评论 -
使用vue2.0实现购物车商品结算功能代码
<template> <div class="shop"> <!-- 购物车--> <div class="shoping"></div> <div class="wrapper"> <div id="app" class="container"> <...原创 2019-07-06 20:01:58 · 1452 阅读 · 0 评论