Vue开发
关注
分享
扫一扫
Vue开发
长沙火山
2015年做个有梦想、肯努力的青年。
展开
-
ElementUI+sortablejs实现列表拖拽功能
SortableJS 是一个用于实现拖放排序功能的 JavaScript 库，可以帮助开发者轻松地实现拖拽元素重新排序的功能。以下是 SortableJS 的基本用法。原创 2024-03-20 08:00:00 · 480 阅读 · 0 评论 -
Vue条件渲染
在Vue.js中，条件渲染是根据特定条件决定是否渲染或显示特定的内容。原创 2024-03-18 09:45:00 · 486 阅读 · 0 评论 -
Vue列表渲染
在Vue.js中，列表渲染是一种常见的操作，用于动态地渲染数组或对象中的数据到页面上。Vue提供了v-for指令来实现列表渲染，让我们可以轻松地遍历数据并生成对应的DOM元素。原创 2024-03-18 09:00:00 · 538 阅读 · 0 评论 -
Vue 动态添加输入框
效果图： 代码： <template> <div id="dialog-container" ref="dialogContainer"> <el-dialog title="动态添加女朋友" :visible.sync="dialogVisible" width="40%"> <div class="query-detail"> <el-form ref="ruleForm" label-width="150p原创 2021-12-30 16:58:52 · 4601 阅读 · 0 评论 -
Vue 高级函数的使用
一、高级函数的介绍 1.1 filter 函数 filter函数的主要用途是对数组元素进行过滤，并返回一个符合条件的元素的数组： const nums = [10,20,30,111,222,333] let newNums=nums.filter(function(n){ return n<100 }) //输出：[10,20,30] 1.2 map 函数 map函数是对数组每个元素的映射操作，并返回一个新数组，原数组不会改变将newNums中每个数字乘2： const nums = [1原创 2021-12-30 15:47:26 · 1079 阅读 · 0 评论 -
Vue keep-alive 组件
一、简介 keep-alive是Vue提供的一个抽象组件，可以用来对组件和路由进行缓存，从而节省性能，由于是一个抽象组件，所以在页面渲染完毕后不会被渲染成一个DOM元素。 (1) keep-alive 缓存路由 <keep-alive> <router-view /> </keep-alive> 被缓存的路由，第一次进入页面的时候会调用 created() 方法，第二次进入页面时就不会再调用 created() 方法了，因为页面被缓存起来了。那么我们如果页面改动原创 2021-12-29 17:28:06 · 1189 阅读 · 0 评论 -
Vue Eslint语法检测工具
一、ESlint 简介 1. Lint 的含义 如果你写自己的项目怎么折腾都没关系，但是在公司中老板希望每个人写出的代码都要符合一个统一的规则，这样别人看源码就能够看得懂，因为源码是符合统一的编码规范制定的。 那么问题来了，总不能每个人写的代码老板都要一行行代码去检查吧，这是一件很蠢的事情。凡是重复性的工作，都应该被制作成工具来节约成本。这个工具应该做两件事情： 提供编码规范； 提供自动检验代码的程序，并打印检验结果：告诉你哪一个文件哪一行代码不符合哪一条编码规范，方便你去修改代码。 Lint 因此而诞原创 2021-12-10 16:03:42 · 2958 阅读 · 0 评论 -
Vue学习笔记：拦截器
原文地址 Vue可以对http request和http response添加全局拦截，最典型的例子就是在请求头里添加token，和监测是否登录，如果没有登录则跳转到登录页面。 main.js中添加拦截器的代码： 1. request 拦截器 //request 拦截器，在请求头中加token axios.interceptors.request.use( config => { if (localStorage.getItem('token')) { config.heade原创 2020-08-11 10:35:40 · 590 阅读 · 0 评论 -
Vue的安装
1、安装nodejs vue依托nodejs，所以首先要安装nodejs。 下载地址：https://nodejs.org/en/download/ 下载之后傻瓜式安装，安装完成之后，进终端，查看是否安装成功。 命令：node -v 查看是否安装了nodejs （有版本号即成功） 命令：npm -v 查看是否安装了npm (有版本号即成功) 说明：npm是node的包管理工具，默认安装完node之后，npm会自动安装上的。 2、安装vue npm install -g @vue/cli原创 2020-06-19 14:29:41 · 385 阅读 · 0 评论 -
CSS 表格样式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录</title> <style> caption{caption-side: bottom} #customers...原创 2019-09-18 17:04:44 · 747 阅读 · 0 评论 -
前端开发 时间戳格式化
formatDateTime:function (inputTime) { var date = new Date(inputTime); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? ('0' + m) : m; var d = date.getDate(); ...原创 2018-06-06 18:01:54 · 1532 阅读 · 2 评论