05 2024 档案

scss :export 中导出的变量为空
摘要：1. assets/styles/variables.scss $base-menu-color:#bfcbd9; :export { menuColor: $base-menu-color } 2.index.vue <template> <div :style="{backgroundColor 阅读全文
posted @ 2024-05-19 13:15 相遇就是有缘 阅读(110) 评论(0) 推荐(0)
vue2中如何关闭eslint校验
摘要：打开vue.config.js文件，添加如下配置 module.exports = defineConfig({ lintOnSave:false }) 阅读全文
posted @ 2024-05-10 12:03 相遇就是有缘 阅读(215) 评论(0) 推荐(0)
解决网络图片加载失败问题
摘要：Vue开发过程中，发现网络图片地址总是加载不了，经过一番BD，原来需要在index.html页面加上此行代码。 public→index.html的head标签下加上如下代码即可解决。 <meta name="referrer" content="no-referrer"> 阅读全文
posted @ 2024-05-10 08:47 相遇就是有缘 阅读(39) 评论(0) 推荐(0)
Elements in iteration expect to have 'v-bind:key' directives.
摘要：当组件中使用v-for时，如果不指定key，则会有红色警告信息。解决方案如下。 方案一：绑定key(亲试有效) //方式一 <li v-for="(item, index) in list" :key="index"> //方式二 <li v-for="(item, index) in list" 阅读全文
posted @ 2024-05-08 18:00 相遇就是有缘 阅读(223) 评论(0) 推荐(0)
vue-transition动画标签
摘要：<template> <div> <!-- 内容 --> <transition name="moveCartoon" appear> </transition> </div> </template> <script> export default { data() { return { } }, 阅读全文
posted @ 2024-05-08 14:04 相遇就是有缘 阅读(29) 评论(0) 推荐(0)
vue-事件总线$bus的使用
摘要：作用 实现不同组件之间进行通信（非父子关系）。 原理 $bus就是vue原型上添加的一个vue实例，用于存储、监听以及触发事件。 实现步骤 在main.js文件中注册事件总线 Vue.prototype.$bus = new Vue(); 在需要发送信息的组件中发送事件 this.$bus.$emi 阅读全文
posted @ 2024-05-08 10:46 相遇就是有缘 阅读(1036) 评论(0) 推荐(0)
vue-公共函数封装
摘要：Vue中常用的公共函数 独立文件 jsencrypt.js 作用：加密/解密 npm install jsencrypt import JSEncrypt from 'jsencrypt/bin/jsencrypt.min' // 密钥对生成 http://web.chacuo.net/netrsa 阅读全文
posted @ 2024-05-07 17:32 相遇就是有缘 阅读(62) 评论(0) 推荐(0)
vue2-引入ElementUI组件
摘要：局部引入 优点：减小项目体积。 第一步：安装babel-plugin-component npm install babel-plugin-component -D 第二步：修改babel.config.js文件 module.exports = { presets: [ ["@babel/pres 阅读全文
posted @ 2024-05-07 17:24 相遇就是有缘 阅读(154) 评论(0) 推荐(0)
vue2-使用watch监听路由的变化
摘要：watch:{ $route(to,from){ console.log(to.path); } } watch: { '$route':'getPath' }, methods: { getPath(){ console.log(this.$route.path); } } watch: { $r 阅读全文
posted @ 2024-05-07 08:55 相遇就是有缘 阅读(144) 评论(0) 推荐(0)