
vue
张小哇
Life begins at the end of your comfort zone
展开
-
【vue3】ref全家桶
ref接受一个内部值并返回一个响应式且可变的ref对象。ref对象仅有一个.valueproperty,指向该内部值。在vue3中,定义的常量不是响应式的,修改值的时候页面不会发生变化。如果参数是一个ref,则返回内部值,否则返回参数本身。这是的语法糖函数。toRef可以用来为源响应式对象上的某个property新创建一个ref。然后,ref可以被传递,他会保持对其源property的响应式连接。将对象某个属性变成可响应式的,并且是双向的。原创 2023-06-19 15:57:49 · 226 阅读 · 0 评论 -
webpack5用url-loader打包后出现图片打不开、资源重复问题
问题描述使用webpack5进行图片资源打包时,打包后图片打不开,并且有重复的图片资源。问题分析1、webpack.config.js配置文件代码:const { resolve } = require("path");const HtmlWebpackPlugin = require("html-webpack-plugin");module.exports = { entry: "./src/index.js", output: { filename: "b原创 2021-08-26 17:16:10 · 1042 阅读 · 3 评论 -
vue项目中使用jsonp
一、安装插件vue-jsonpnpm i vue-jsonp -S二、在项目中使用插件2.1 全局引用import { VueJsonp } from 'vue-jsonp'// Vue Plugin.Vue.use(VueJsonp)// Now you can use this.$jsonp in Vue components.const vm = new Vue()vm.$jsonp('/some-jsonp-url', { myCustomUrlParam: 'veryN原创 2021-07-29 17:20:24 · 3964 阅读 · 0 评论 -
echarts地图tooptip滚动显示,地图随之一起选中状态展示
主要代码 this.mapOptions = { tooltip: { show: true, backgroundColor: "rgba(0,0,0,0.8)", borderColor: "rgba(0,0,0,0.8)", textStyle: { color: "#fff" }, formatter: fu原创 2021-06-17 16:11:30 · 459 阅读 · 0 评论 -
elementUI 日期区间选择区间不可用在IE上失效
问题描述:需求为昨天开始往前推两年内的时间可以选择,其余时间置灰不可选。实现方案如下:// 两年内时间可选const pre = new Date();// 获取两年前这个月的1号const fullDate = (pre.getFullYear() - 2) + "/" + (pre.getMonth() + 1) + "/" + pre.getDate();const judgeDate = new Date(fullDate);const _yesterday = new Date();原创 2021-05-27 10:33:06 · 270 阅读 · 0 评论 -
vue项目打包部署后默认路由不正确问题
问题描述:vue项目本地开发的时候默认路由没问题,例如redirect:"/index"但是部署以后,服务器上默认路由不正确,现在遇到的问题是,会默认跳转到login页面,前提项目没有做路由权限。解决方案:打开路由index.js文件,添加:base:"/"const routers = new Router({ mode: "history", base: "/"})再次打包发布到服务器,发现问题解决。...原创 2021-04-27 14:13:20 · 1276 阅读 · 0 评论 -
vue修饰符
Vue修饰符1.常用事件修饰符.stop.prevent.capture.self.once.passive<!--.stop阻止事件冒泡;.self只响应自己的事件,不响应子节点冒泡上来的事件--><div @click.self="parentClick"> <a href="javascript:void(0)" @click.stop="childClick"></a></div><!--.pre原创 2021-04-26 17:13:36 · 120 阅读 · 0 评论