Vue.js
米咪米
这个作者很懒,什么都没留下…
展开
-
【Vue】监听div宽高的变化(动态渲染echarts宽高)
监听div宽高的变化(动态渲染echarts宽高)。echarts 根据 div 宽高的变化而变化原创 2024-04-28 16:21:00 · 404 阅读 · 3 评论 -
Vue表格自定义合计、小计功能
Vue表格自定义合计、小计功能原创 2023-12-12 10:52:32 · 521 阅读 · 0 评论 -
js 校验时间格式
js 校验时间格式原创 2023-03-07 16:12:16 · 726 阅读 · 0 评论 -
前端 cryto-js 加密
前端 cryto-js 加密原创 2023-03-05 14:33:01 · 202 阅读 · 0 评论 -
vue项目中配置 @,即@就是src目录
vue项目中配置 @,即@就是src目录原创 2023-02-07 10:47:31 · 1398 阅读 · 0 评论 -
uniapp 使用在线 iconfont 图标
uniapp 使用在线 iconfont 图标原创 2022-12-08 15:33:36 · 1148 阅读 · 1 评论 -
Vue中使用防抖函数,并传参
Vue中使用防抖函数,并传参原创 2022-11-25 10:29:12 · 2943 阅读 · 0 评论 -
uni-app 运行环境判断与跨端兼容
uni-app 运行环境判断与跨端兼容原创 2022-11-09 20:45:00 · 3637 阅读 · 0 评论 -
阿里图标库在旧有的iconfont中添加新的图标
阿里图标库在旧有的iconfont中添加新的图标原创 2022-09-09 17:34:10 · 5150 阅读 · 4 评论 -
iview 封装一个提示框 message
iview 封装一个提示框 message,并改变提示框背景色原创 2022-08-19 17:23:16 · 481 阅读 · 0 评论 -
Maximum call stack size exceeded 超过最大调用堆栈大小
Maximum call stack size exceeded 超过最大调用堆栈大小原创 2022-07-28 17:50:02 · 360 阅读 · 0 评论 -
Vuex 的核心概念
vuex 核心原创 2022-07-23 17:00:12 · 381 阅读 · 0 评论 -
vue iview的select下拉框选中后校验不失效
下拉框已经选中了某一项,但是校验依然存在。原创 2022-07-22 11:08:29 · 2387 阅读 · 0 评论 -
vue 报错:Cannot read property ‘toLowerCase‘ of undefined“
在做小米商城项目封装 modal组件中遇到的错误问题描述:父组件index.vue 给子组件 modal.vue 传值,子组件中自定义事件,通过$emit()接收父组件传递过来的值,同时父组件监听这个自定义事件,我的错误就在于,$emit()中的事件名称没加引号:@click="$emit(cancel)"于是报错:传递的参数错误解决方案: @click="$emit('cancel')"有事没事多看看官方文档,把基础知识打牢昂...原创 2021-09-10 21:12:08 · 1819 阅读 · 0 评论 -
VUE 图片:src方式引用加载不出来
在 vue 项目中,用src的方式引入图片,刚开始是采用这种方法:但是图片加载不出来错误原因:图片被浏览器识别成了 text,而不是 jpg格式,所以显示不出来解决方法:用 require() 方法,直接传入图片编码 { id: "46", img: require("../../public/imgs/slider/slide-3.jpg"), },问题解决...原创 2021-09-07 23:41:36 · 2073 阅读 · 0 评论 -
[Vue warn]: Duplicate keys detected: ‘‘. This may cause an update error.
在vue中使用 for循环的时候出现的错误,原因是出现了重复的 key值错误一:有两个for 循环嵌套,key 中绑定了相同的值错误二:for 循环的这个 数组中有重复的键我的问题:解决:把最后一个注释掉就行了...原创 2021-09-07 23:02:34 · 2436 阅读 · 0 评论 -
Vue使用swiper插件踩过的坑
这是我在做高仿小米商城项目中遇到的bug,刚开始直接在vue ui中的依赖中直接下载的vue-awesome-swiper,会直接给我下载最新的版本,报错,于是就去 swiper 官方文档按照步骤下载,结果安装之后也是一路报错啊,卸了好几次 node_moduls,经多次查找方法,最终总结如下:1、不能按照官方文档里安装npm i swiper ,采用这个方法安装的会是最新的版本,导致安装失败解决方法:安装[email protected] 成功2、引入 swip...原创 2021-09-07 21:30:14 · 2214 阅读 · 4 评论 -
Vue-Router的基本使用
1、引入相关的库文件2、添加路由连接 Router-Link3、添加路由占位符 Router-View4、定义路由组件5、创建路由实例并配置路由规则6、将路由实例挂载到vue根组件中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,原创 2021-08-29 16:26:16 · 161 阅读 · 0 评论 -
解决本地服务器发生跨域时:报错 Request header field content-type is not allowed by Access-Control-Allow-Headers in
这是我在练习 axios 的 post 传参所遇到的问题前端代码没有出现任何问题,问题在后端代码: res.header('Access-Control-Allow-Headers', 'Content-Type'); res.header('Access-Control-Allow-Headers', 'mytoken');在后端设置跨域请求的时候,如果两句话分开写,就会导致前面这句代码被覆盖掉,报Request header field content-type is .原创 2021-08-28 14:40:39 · 1018 阅读 · 0 评论 -
弹框的用法(element-ui)
// 根据用户id删除用户 async removeUser(id) { const confirmResult = await this.$confirm('此操作将永久删除该用户, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning', }).catch((err) => { return e..原创 2021-07-29 15:46:17 · 800 阅读 · 0 评论 -
vue router 如何使用params query传参,以及有什么区别
Vue router如何传参params、query是什么?params:/router1/:id ,/router1/123,/router1/789 ,这里的id叫做paramsquery:/router1?id=123 ,/router1?id=456 ,这里的id叫做query。路由界面:router.js:路由设置这里,当你使用params方法传参的时候,要在路由后面加参数名,并且传参的时候,参数名要跟路由后面设置的参数名对应。使用query方法,就没有这种限制,直接在跳转里面用转载 2021-07-29 14:17:14 · 243 阅读 · 0 评论 -
正则表达式验证规则(Vue)
1、 验证邮箱的规则varcheckEmail=(rule,value,callback)=>{//验证邮箱的正则表达式constregEmail=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/if(regEmail.test(value))returncallback()callback(newError('请输入合法的邮箱'))}...原创 2021-07-29 11:13:21 · 555 阅读 · 0 评论 -
Vue设置代理
1、介绍这里的vue代理是 vue静态服务器做代理。使用的是 http-proxy-middleware 这个模块(这个模块相当于是node.js的一个插件)。2、实际代码 //vue-cli3.0 里面的 vue.config.js做配置devServer: { proxy: { '/rng': { //这里最好有一个 / target: 'http://45.105.124.130:8080', // 后台接口域名原创 2021-07-27 16:00:43 · 467 阅读 · 0 评论 -
Vue UI新建项目步骤
1、安装3.x版本的Vue脚手架: npm install -g @vue/cli2、安装成功后,终端输入vue-V 查看是否已安装成功3、在终端中输入 vue ui ,进入一个vue.js界面,可以通过可视化界面创建项目4、选择好地址后点击在此创建新项目5、输入项目名称(必须是英文),初始化git仓库,点击下一步6、如果是第一次创建,那么可以选择手动,如果之前有创建过,也可直接选择之前默认的7、我们手动来配置一下vue项目:勾选以下内容8、进行配置...原创 2021-07-22 17:32:06 · 2489 阅读 · 0 评论 -
简易版图书管理(JS)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .grid { margin: auto; width: 530px; text-alig.原创 2021-07-21 14:51:24 · 1209 阅读 · 0 评论 -
[Vue warn]: Duplicate keys detected: ‘1‘. This may cause an update error.(found in <Root>)
一、错误原因页面上有两个 for 循环同一个数组,导致 key值重复<div id="app"> <button @click='change(index)' v-for='(item,index) in list' :key='item.id'>{{item.name}}</button> <div v-for='(item,index) in list' :key='item.id' :class="curre...原创 2021-07-20 00:23:40 · 644 阅读 · 0 评论 -
tab栏切换(vue)
一、核心思路:1、html结构:<div id="app"> <ul> <li></li> </ul> <div > <img src="" alt=""> </div></div>2、设置css样式:(1)、将 li横向显示,设置图片为不可见 display:none原创 2021-07-19 16:46:23 · 189 阅读 · 0 评论