随笔分类 -  vue

1 2 下一页
vue
Hbuilderx编译正常但无法打开微信开发者工具
摘要：上篇博客 https://www.cnblogs.com/sunshine233/p/19027220 测试了vue版本和node.js、vue脚手架之间的关系。为了测试，我把电脑上的Node.js版本换成了 v16.20.2 ，测试结果是： 经过测试，Node.js 16.20.2 可以运行vue 阅读全文
posted @ 2025-08-11 17:02 sunshine233 阅读(513) 评论(0) 推荐(0)
vue2、vue3以及相关脚手架之间的关系
摘要：前言 由于前端发展较快，很多以前的命令就不需要了。 现在（2025/08/08）不需要先安装 vue2、vue3 了，直接用脚手架就可以创建项目。 创建项目的命令曾经用过 npm init name ，现在推荐用 npm create 除了 Node.js，本文提到的工具都是最新版本或者较新版本。 阅读全文
posted @ 2025-08-08 09:05 sunshine233 阅读(160) 评论(1) 推荐(0)
element-plus 组件switch注意事项
摘要：参考文档 [1] Switch 开关 | Element Plus 起因 某个项目的一个页面中要使用到 element-plus 的 switch 组件，但是出现一个问题，一旦使用 switch，绑定的变量就会全变成 0；不用 switch 绑定数据时页面显示的数据则正常。 错误截图如下： 错误代码 阅读全文
posted @ 2025-05-28 17:01 sunshine233 阅读(116) 评论(0) 推荐(0)
Vue3+ElementPlus 中 el-image 预览大图属性 previewSrcList 和 translateY(-5px) 的冲突
摘要：【前言】 Vue3使用ElementPlus，Vue2使用Element-ui。 【问题描述】 在Vue3+ElementPlus中，使用 el-image 和预览大图功能，点击 el-image 后预览的图片局限在原有图片（小图）内，遮罩也没有充满屏幕。 【注】使用 transform: tran 阅读全文
posted @ 2024-12-13 16:29 sunshine233 阅读(681) 评论(0) 推荐(0)
前后端分离但人不分离：IDEA+VUE创建springboot项目和对应的前端项目
摘要：参考链接： 尚硅谷IDEA安装idea实战教程（百万播放，新版来袭）_哔哩哔哩_bilibili IntelliJ IDEA的使用指南，最简单的idea使用教程【适合初学者小白】_哔哩哔哩_bilibili SpringBoot项目后端开发逻辑梳理总结_一个springboot 项目,解释目录bea 阅读全文
posted @ 2024-08-15 11:48 sunshine233 阅读(3668) 评论(0) 推荐(1)
vue中的网络请求
摘要：参考网址： javascript - Uncaught TypeError: Cannot read property 'get' of undefined in VueJs - Stack Overflow Ajax、fetch、axios · 要努力 · 看云 (kancloud.cn) htt 阅读全文
posted @ 2024-07-31 16:46 sunshine233 阅读(183) 评论(0) 推荐(0)
vue2组件中监听vuex中state的值
摘要：vue2组件中监听Vuex 中state的值可以使用 mapState。 官网链接： mapState 辅助函数帮助我们生成计算属性. State|Vuex mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性。Getter | Vuex (vuejs.org) 阅读全文
posted @ 2024-05-28 17:23 sunshine233 阅读(1252) 评论(0) 推荐(0)
vue2的混入mixin使用
摘要：前言 vue3中不再推荐使用mixins ！ 在 Vue 2 中，mixins 是创建可重用组件逻辑的主要方式。尽管在 Vue 3 中保留了 mixins 支持，但对于组件间的逻辑复用，使用组合式 API 的组合式函数是现在更推荐的方式。 参考文档： https://juejin.cn/post/7 阅读全文
posted @ 2024-05-21 14:53 sunshine233 阅读(988) 评论(0) 推荐(0)
vue2 使用echarts实现地图点击进入下一层级+点击空白处回退
摘要：先验知识： vue2中echarts的安装和显示中国地图：https://www.cnblogs.com/sunshine233/p/16140522.html 鼠标事件： https://echarts.apache.org/zh/api.html#echartsInstance.on echar 阅读全文
posted @ 2024-05-16 08:44 sunshine233 阅读(672) 评论(0) 推荐(0)
安装vue3后本地怎么跑vue2项目
摘要：修改 package.json文件： "serve": "SET NODE_OPTIONS openssl-legacy-provider && vue-cli-service serve", "build": "SET NODE_OPTIONS openssl-legacy-provider && 阅读全文
posted @ 2024-04-01 14:11 sunshine233 阅读(112) 评论(0) 推荐(0)
扩展运算符...+map+filter 在嵌套对象数组中的使用
摘要：参考文档： 使用基于嵌套值的数组过滤对象数组： https://segmentfault.com/q/1010000042989861 js 扩展运算符(...)的用法 ：https://www.cnblogs.com/caihongmin/p/16395573.html 对象的扩展运算符： htt 阅读全文
posted @ 2024-02-27 15:46 sunshine233 阅读(69) 评论(0) 推荐(0)
用quasar+vue3+组合式api VueRouter实现路由嵌套（二级路由）
摘要：前言： 本项目使用的是quasar创建，vue3的组合式api语法。部分语法不同，但不影响理解，修改语法后可以在vue2/选项式api项目中运行。 效果图： 文件目录结构和代码如下： 文中用到的标题栏数据如下： const titles = ref([ { name: "首页", path: "ho 阅读全文
posted @ 2023-04-13 15:18 sunshine233 阅读(598) 评论(0) 推荐(0)
用quasar+vue3+组合式api 实现小米商城标题栏动画
摘要：先来看一下小米商城标题栏动画： 小米商城标题栏动画主要特点： 移入时二级菜单缓慢出现； 移出时二级菜单缓慢消失； 在一级菜单之间移动时，二级菜单内容直接切换，没有过渡效果。 实现思路 一、纯css实现（❌） 首先肯定是考虑 :hover，但是经过试验发现，:hover 可以实现鼠标移入移出时的过渡效 阅读全文
posted @ 2023-04-11 12:00 sunshine233 阅读(287) 评论(0) 推荐(0)
Vue2中的 import 和 require区别与使用方法
摘要：import属于 ES6 规范，require 属于 CommonJS 规范。 一、export default & export + import 1、export default function() + import output.js export default function () { 阅读全文
posted @ 2022-11-11 15:32 sunshine233 阅读(3034) 评论(0) 推荐(0)
vue2使用 iconfont 阿里巴巴在线生成的字体图标
摘要：官方文档： https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8d11a391&helptype=code demo地址： https://gitee.com/twoflowers/custom-font-file.g 阅读全文
posted @ 2022-07-26 14:57 sunshine233 阅读(851) 评论(0) 推荐(0)
element分组选择器 el-select 用 value-key 获取循环中的子对象
摘要：Element Select分组选择器的结构如下： <el-select > <el-option-group > <el-option></el-option> </el-option-group> </el-select> Select分组选择器的基础用法（不使用 value-key ）： <e 阅读全文
posted @ 2022-07-11 14:04 sunshine233 阅读(439) 评论(0) 推荐(0)
vue2使用echarts内置地图实现点击事件
摘要：vue2中echarts的安装和显示中国地图：https://www.cnblogs.com/sunshine233/p/16140522.html 鼠标事件： https://echarts.apache.org/zh/api.html#echartsInstance.on echarts.get 阅读全文
posted @ 2022-04-14 15:18 sunshine233 阅读(1397) 评论(0) 推荐(0)
vue2中使用echarts实现中国地图、在中国地图上标注坐标散点图
摘要：1、 npm 安装 echarts4.9（全局引入不支持5.0） npm install echarts@4.9.0 2、 main.js中全局引入echarts： //main.js import echarts from 'echarts' Vue.prototype.$echarts = ec 阅读全文
posted @ 2022-04-13 15:36 sunshine233 阅读(8798) 评论(0) 推荐(0)
vue3 默认插槽、具名插槽、作用域插槽的使用
摘要：0. 组件和插槽区别 组件是Vue插槽中最为关键的一个特性之一，而插槽是组件的一大亮点。插槽是为组件服务的，让组件更灵活多用。 1. 默认插槽、具名插槽的通用格式（#myName 是 v-slot:myName的缩写）：建议使用通用格式 <template> 元素中的所有内容都将会被传入相应的插槽。 阅读全文
posted @ 2022-04-06 15:55 sunshine233 阅读(2329) 评论(0) 推荐(0)
computed, watch, update 的使用和区别
摘要：watch 监听 data 中的数值，需要先在watch：{ } 中绑定要监听的值，监听的数值只要变化，就执行 watch 1. 默认情况下，变量被初始化的时候，watch 不会立即执行，如果想要立即执行，使用 watch 的immediate 属性。 2. 如果watch监听的是一个对象，则对象中 阅读全文
posted @ 2022-04-01 14:30 sunshine233 阅读(452) 评论(0) 推荐(0)

1 2 下一页