![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
红孩儿2011
这个作者很懒,什么都没留下…
展开
-
vue路由排序
vue路由排序原创 2022-08-05 15:51:58 · 696 阅读 · 0 评论 -
vue版本--腾讯地图demo,可搜索关键字和经纬度,显示地图和搜索结果列表
腾讯地图demo,改正确的key即可用<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>腾讯地图</title> <meta content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" name="vie原创 2022-02-18 09:34:14 · 1301 阅读 · 0 评论 -
yarn 环境安装依赖报错解决方法 The platform “win32“ is incompatible with this module.
fsevents@2.3.2: The platform "win32" is incompatible with this module.输入命令:yarn config set ignore-engines true原创 2022-02-14 16:46:17 · 1544 阅读 · 0 评论 -
如何在git下运行.sh文件
注意:windows环境下无法默认git运行.sh文件,选择在git中直接运行原创 2022-02-09 16:29:04 · 5772 阅读 · 0 评论 -
使用iconfont阿里多色矢量图标
一、问题与解决方法问题:虽然unicode和font-class很好,但你会发现都不支持多色模式。解决:引用方法名symbol来解决。通过mini-program-iconfont-cli 把iconfont图标批量换成多个平台小程序的组件。不依赖字体,支持多色彩。特性● 纯组件● 不依赖字体文件● 支持px和rpx两种格式● 原样渲染多色彩图标● 图标颜色可定制二、实现步骤:步骤1:安装插件Yarnyarn add mini-program-iconfont-cli --dev原创 2022-01-17 11:51:41 · 1018 阅读 · 0 评论 -
vue 三元运算符与过滤器一起使用
// 将字符串转换为某个符号显示export const hideDigitFilter = (v, symbol = '*') => { let newV = v + '' if (newV === '') return return symbol.repeat((newV + '').length)} <text>¥{{ assetsEye === 'close' ? $options.filters['hideDigitFilter'](money) : mo原创 2021-12-17 15:14:00 · 1105 阅读 · 0 评论 -
vue+element-ui 自定义装修前端解决方案,未完待续(下)
难点解决:1、预览区拖动排序找了比较多的插件,但是浏览器兼容上问题也是比较多。最终用了一下插件:vue-smooth-dnd添加链接描述// https://javascript.ctolib.com/kutlugsahin-vue-smooth-dnd.html#articleHeader15import { Container, Draggable } from 'vue-smooth-dnd'import { applyDrag, generateItems } from '@/utils原创 2021-02-08 18:03:47 · 1033 阅读 · 3 评论 -
vue+element-ui 自定义装修前端解决方案(上)
一、需求:一、 页面显示三个区域说明1. 动态模块(左)2. 预览区(中)1)展示模块的组合设置效果,模块分为固定模块与动态模块2) 固定模块与动态模块区别3)操作工具条(仅对动态模块):4) 可以拖动模块改变模块位置(仅对动态模块)3. 设置区(右):模块内容的设置区域数据校验:编辑时,校验输入的内容不符合规则,则在下方显示错误提示保存时,对所有模块设置的数据进行校验,如果不符合规则则自动定位:预览区自动选中该模块;设置区显示该模块的设置内容,并且在设置内容下方显示错误提示原创 2021-02-08 17:30:33 · 2504 阅读 · 1 评论 -
vue 操作select
今天,一个后端小伙伴问我vue中怎么获取select中选择的值,没有用到任何框架纯html+vue。顺便写了个demo给他<div id="app"><select name="public-choice" v-model="couponSelected" @change="getCouponSelected"> <option :value="coupon.id" v-for="coupon in couponList" >{{coupon.name}}<原创 2021-02-07 17:25:11 · 583 阅读 · 0 评论 -
vue中引用tinymce 图标不显示解决方法
通过官网查到一篇博客,按照上面步骤可以实现tinymce富文本编辑器的封装和使用。https://www.cnblogs.com/zhongchao666/p/11142537.html在node_modules里面找到tinymce,将skins目录复制到public/tinymce里面(vue)原因,是因为icons没有默认引进来。需要手动引用一下import ‘tinymce/icons/default/icons.min.js’...原创 2020-12-01 15:46:51 · 1212 阅读 · 0 评论 -
vue富文本tinymce升级后 icons/default/icons.js 404问题
tinymce由"tinymce": "^5.0.11"升级到 5.4.2 ,打包后报错解决方法:1、将版本重新调低2、import ‘tinymce/icons/default/icons’; //为了解决icons的问题原创 2020-12-01 15:44:03 · 4203 阅读 · 0 评论 -
vue 前端服务器代理,proxyTable简要叙述
文章原创 2020-11-18 10:02:14 · 246 阅读 · 0 评论 -
vue文字无缝滚动插件vue-seamless-scroll
(1)安装执行命令npm install vue-seamless-scroll --save(2)在main.js文件里面引入使用:import scroll from 'vue-seamless-scroll'Vue.use(scroll)(3) 实例<template> <vue-seamless-scroll :data="listData" :class-option="optionHover" class="seamless-warp">转载 2020-11-06 11:34:41 · 829 阅读 · 0 评论 -
vue 直接修改props的值为何不警告
一、当直接传的是基础类型,如字符串直接在子组件修改name时,浏览器会警告二、当传进来是对象修改里面的字段的值,浏览器不用警告原创 2020-11-03 17:06:39 · 990 阅读 · 0 评论 -
vue图片懒加载
npm引入:npm i vue-lazyload -SCDN引入:[https://unpkg.com/vue-lazyload/vue-lazyload.js](https://unpkg.com/vue-lazyload/vue-lazyload.js)import Vue from 'vue'import App from './App.vue'import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload) // or with原创 2020-09-15 16:14:56 · 74 阅读 · 0 评论 -
npm run build时报错“caniuse-lite is outdated”
报错Building for production...Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade caniuse-lite browserslist`解决办法npm i autoprefixer@latest npm i caniuse-lite@latest npm i caniuse-lite browserslist@latestvue 里面的依赖安装有的时候不需要全部更新原创 2020-08-29 13:36:59 · 13216 阅读 · 0 评论 -
webpack 公共路径设置的全局变量 __webpack_public_path__
webpack 提供一个非常有用的配置,该配置能帮助你为项目中的所有资源指定一个基础路径。它被称为公共路径(publicPath)。在构建项目时设置路径值开发模式中,我们通常有一个 assets/ 文件夹,它往往存放在和首页一个级别的目录下。这样是挺方便;但是如果在生产环境下,你想把这些静态文件统一使用CDN加载,那该怎么办?想要解决这个问题,你可以使用有着悠久历史的环境变量。比如说,我们设置了一个名为 ASSET_PATH 的变量:import webpack from 'webpack';/原创 2020-08-21 17:30:21 · 6514 阅读 · 0 评论 -
vue 用typescript 写computed里的方法不生效?
不用computed要这样用get,例如:get userName(){}原创 2020-08-06 18:13:43 · 3436 阅读 · 0 评论 -
【VUE】在vue中使用@scroll监听滚动事件,@scroll无效问题解决!
在网上看了一下vue中监听滚动条滚动事件,清一色的使用document.addEventListener(‘scroll’,function(){})我是在做滚动条滑到底部时,自动加载更多的时候有这个需求。我认为使用document.addEventListener会破坏vue的统一性,对我这种有轻微代码强迫症的人来说,让我感觉很不爽。而且这种做法,会让你更加难以判断是否滑动到底部了,特别是当你并不是整页滚动,而是页面中拥有一个fixed固定的头部时。在.vue的组件中<template>转载 2020-07-24 11:57:25 · 2635 阅读 · 0 评论 -
vue iosselect仿ios实现省市区三级联动选择
https://github.com/zhoushengmufc/iosselect1. npm install iosselect2. 页面单独引入iosSelect.css3. 实例化组件var data=[{'id': '10001', 'value': '演示数据1'},{'id': '10002', 'value': '演示数据2'}];var showDom = document.querySelector('#showDom');// 绑定一个触发元素var valDom = d原创 2020-07-23 09:52:57 · 1688 阅读 · 0 评论 -
用Vue.observable手写一个状态管理
在前端项目中,有许多数据需要在各个组件之间进行传递共享,这时候就需要有一个状态管理工具,一般情况下,我们都会使用Vuex,但对于小型项目来说,就像Vuex官网所说:“如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex”。这时候我们就可以使用Vue2.6提供的新API Vue.observable手动打造一个Vuex创建 storeimport Vue from 'vue'// 通过Vue.observable创建一个可响应的对象原创 2020-07-03 16:04:23 · 230 阅读 · 0 评论 -
vue2.0 hookEvent 监听组件生命周期
export default { mounted() { this.chart = echarts.init(this.$el) // 请求数据,赋值数据 等等一系列操作... // 监听窗口发生变化,resize组件 window.addEventListener('resize', this.$_handleResizeChart) // 通过hook监听组件销毁钩子函数,并取消监听事件 this.$once('hook:beforeDest原创 2020-07-03 15:50:12 · 371 阅读 · 0 评论