vuejs
桃根仙
这个作者很懒,什么都没留下…
展开
-
自己写源码 实现 vuex
自己写源码 实现 vuex原创 2023-04-05 13:27:01 · 99 阅读 · 0 评论 -
Vue + vue-d3 实现族谱图的简单示例
chatGPT写的代码,不知道对不对,前端大佬验证一下原创 2023-02-09 14:39:57 · 1341 阅读 · 0 评论 -
css隐藏滚动条-适用于chrome、opera、Firefox
css隐藏滚动条-适用于chrome、opera、Firefox原创 2023-01-20 12:27:50 · 378 阅读 · 0 评论 -
uni-app 数据接口请求封装
uni-app 数据接口请求封装原创 2022-06-01 17:07:26 · 139 阅读 · 0 评论 -
写了个牛逼的代码,导致vue 堆栈溢出了
<template><div> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="活动名称"> <el-input v-model="form.name"></el-input> </el-form-item> <el-form-item label="活动名称"> .原创 2022-03-15 02:21:24 · 1466 阅读 · 0 评论 -
封装全局三级联动组件
调用方式<CategorySlect @getCategoryId="getCategoryId" :show="!isShowTable"></CategorySlect>getCategoryId({ categoryId, level }) { //categoryId:获取到一、二、三级分类的id level:为了区分是几级id if (level == 1) { this.category1Id = category原创 2022-03-07 20:09:57 · 190 阅读 · 0 评论 -
电商网站 首页三级分类的分类检索 vue前端关键代码
电商网站 首页三级分类的分类检索 vue前端关键代码,路由传参原创 2022-01-22 09:47:03 · 799 阅读 · 0 评论 -
vue-router 面试问题整理
vue-router 知识点原创 2021-12-12 23:29:51 · 805 阅读 · 0 评论 -
src 文件夹简写方法,配置别名
src 文件夹简写方法,配置别名。@原创 2021-12-12 21:53:44 · 1421 阅读 · 0 评论 -
eslint 误报错的解决方法
eslint 工具自动校验关闭原创 2021-12-12 20:51:33 · 624 阅读 · 0 评论 -
配置vue 项目启动时自动打开浏览器
vue 项目启动时自动打开浏览器配置原创 2021-12-12 20:45:01 · 424 阅读 · 0 评论 -
函数的防抖与节流
函数的防抖与节流原创 2021-12-12 12:42:24 · 262 阅读 · 0 评论 -
重置浏览器默认样式
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img,.原创 2021-11-06 21:18:52 · 192 阅读 · 0 评论 -
vue 前端分页的实现
关键代码<el-table ref="multipleTable" :data="dataList.length===0 ? []: dataList.slice( (listQuery.pages-1)*listQuery.rows , listQuery.pages*listQuery.rows )" border highlight-current-row stripe :height="tableHeight" element-loading-text="拼命加载中请稍后。。。" ele原创 2021-09-17 16:05:28 · 129 阅读 · 0 评论 -
vue3 前端跨域解决方案-proxy配置代理
vue.config.jsmodule.exports={ devServer:{ proxy:{ '/api':{ target:'http://localhost:3300', changeOrigin:true, pathRewrite:{ '^/api':'' } ...原创 2021-07-29 00:00:33 · 388 阅读 · 0 评论 -
vue 网络请求拦截器
import axios form 'axios'import store from '@/store/index.js'import baseUrl from './baseUrl'import {Message} from 'element-ui'const http={}var instance=axios.create({ timeout:5000})instance.interceptors.request.use( function(config){ if(sto.原创 2021-07-28 23:57:24 · 456 阅读 · 0 评论 -
前端开发必会面试题和多种实战技巧
【问】$route和$router的区别?可以理解为,一个是用来获取路由信息的,一个是用来操作路由的$routeroute是路由信息对象,里面主要包含路由的一些基本信息,包括name、meta、path、hash、query、params、fullPath、matched、redirectedFrom$routerrouter是VueRouter的实例,包含了一些路由的跳转方法,钩子函数等【问】谈谈你对provide和inject的理解?通过provide/inject可以轻松实现跨级访问祖原创 2021-06-11 18:14:30 · 304 阅读 · 1 评论 -
手写VUE 分页功能
html 部分<table> <th> <td>ID</td><td>名称</td><td>班级</td> </th> <tr v-for="(v,i) in items"> <td>{{v.id}}</td><td>{{v.name}}</td><td>{{v.class}}</td> <原创 2021-06-10 18:18:38 · 299 阅读 · 0 评论 -
当vue 项目安装了eslint 之后,一保存代码就满屏幕红
解决办法1:卸载eslint解决方法2:去eslint 官网查询eslint 的规则,然后按规则改自己的代码,确认代码没问题 ,那就改eslint 规则,规则定义文件是.eslintrc.js 里面下面是官网的规则Possible Errors这些规则与 JavaScript 代码中可能的错误或逻辑错误有关: for-direction 强制 “for” 循环中更新子句的计数器朝着正确的方向移动 g...原创 2021-04-14 11:05:27 · 1493 阅读 · 0 评论 -
vue 面试精讲
1. let 和 var的区别答案:a.不存在变量提升、b.同一个作用域下不能重复定义一个名称、c.let 有着严格的作用域。var 函数作用域 let 块级作用域function fun(){ let n=10; if(true){ let n=100; } console.log(n)};fun()2.const 声明的是一个只读的常量一旦声明,常量的值就不能改变const w=100;w=200;console.log(w)...原创 2021-03-29 11:43:42 · 105 阅读 · 0 评论 -
2021-03-23
new Vue({ el:'#my', data:{ lists:[], pageTotal:1, rows:1, pageNo:1, pageSize:10 }, methods:{ getList:function(i){ this.pageNo=i || this.pageNo; axios({ ...原创 2021-03-23 11:55:33 · 96 阅读 · 0 评论 -
用过滤器对订单状态进行定义
<template><p> {{status|orderStatusFormat}}</p></template><script>const ORDER_STATUS={ '1':'下单成功', '2':'商家已接单', '3':'已发货', '-1':'订单已取消'}props:{},filter:{ orderStatusFormat(statusCode){ ...原创 2021-02-26 11:43:56 · 233 阅读 · 0 评论 -
vue 父子组件通信的几种方式
1.Props+$emit()2.回调函数(callback)3.$parent+$children4.provide+inject5.$attrs+$listeners6.ref 属性原创 2021-02-26 11:23:48 · 369 阅读 · 1 评论 -
vue 官方推荐的好用的三方库
自述文件非常棒的存储库徽标很棒的Vue.js 太棒了与Vue.js相关的精彩内容精选清单资源资源官方资源外部资源工作门户社区会议活动播客YouTube频道官方例子讲解例子图书博客文章培训班纪录片使用Vue.js的项目开源的商业产品应用/网站互动体验企业用途A11y组件和库UI组件表通知装载机进度条工具提示覆盖视差图示选框菜单减号加输入轮播图表时间日历地图音频视频无限滚动拉到刷新降价促销PDF格式树图形翻译 2020-12-31 21:47:13 · 36249 阅读 · 3 评论 -
vue 子组件给父组件传值demo
爸爸页面代码:<template> <div class="my-parent" style="background:#fff"> <h3>我是父组件</h3> <p>爸爸的数据</p> <ul> <li>钱财:{{fatherData.money}}</li> <li>工作:{{fatherData.job}}</li&g原创 2020-12-25 11:24:11 · 377 阅读 · 0 评论 -
vue 父组件给子组件传值demo
儿子页面:<template> <div class="my-child"> <h3>我是子组件</h3> <p>儿子的数据:都是玩具</p> <ul> <li>{{childData.joy}}</li> <li>{{childData.fly}}</li> </ul> 儿子继承爸爸的钱原创 2020-12-25 11:10:52 · 251 阅读 · 0 评论 -
vue/cli4 安装采坑过程
1.安装nodejs。进入官网,点击windos 版本对应的nodejs ,下载双击2.打开vue/cli4 找到安装命令,然后打开cmd 复制粘贴,然后就报错了,what? 官方文档写错了?no,no,no,官方文档没错,你在国外环境完全可以安装成功...原创 2020-11-30 22:24:52 · 608 阅读 · 0 评论 -
基于Vue的选项卡实例
原理:给当前选中元素动态的添加样式,没有选中的元素删除样式,同时title区域的li元素和content区域的li元素联动的进行切换<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title>基于Vue的选项卡实例</title>...原创 2020-01-11 22:35:22 · 554 阅读 · 0 评论 -
vue动态数据交互+过滤器demo
动态数据交互+过滤器demo网络请求:axios window.onload=function(){// var vm=new Vue(...) new Vue({ el:'#my', data:{ name:112 lists:[ /*{'name':'包包','state':'未采购'}, {'name':'衣服','state':'已采...转载 2019-01-31 11:45:40 · 736 阅读 · 0 评论