Vue
关注
分享
扫一扫
文章平均质量分 55
vue
lllomh
私信邮箱: lllomh@qq.com 网站: https://www.lllomh.com/
展开
-
Vue 循环内部获取图片高度
在vue循环里面获取图片宽度或者高度,有时候会用到,则可以。这样就可以在之前的循环里面使用了。把获取到值增加会原来的数组内。原创 2024-07-03 10:50:03 · 761 阅读 · 0 评论 -
Vue在/public目录下访问process.env.NODE_ENV(其它通用)
所以process.env.NODE_ENV 也无效.无法判断,当要根据这个去判断的时候就麻烦了. 但有个办法可以解决这个问题.总所周知,/public目录下的js文件是不会经过webpack处理的.先安装 npm install --save-dev cross-env。就是在index.html里面去赋值到window变量中,如下。在 /public/index.html中加上。然后在/public下的js文件中就可以判断了。然后在 package.json中标记。上面的判断就跟赋值就会生效.原创 2024-05-01 00:49:37 · 850 阅读 · 1 评论 -
vue实现带缩略图的轮播图（vue-awesome-swiper）
和vue-awesome-swiper插件。template:布局。原创 2024-02-01 00:49:55 · 954 阅读 · 0 评论 -
vuejs手机拍照上传的方向旋转问题(已解决)
在用vue做 移动端项目的时候. 特别是调用相机拍照的时候有些手机会旋转照片,导致拍出来是 歪的, 横着的, 这里记录下怎么解决这个问题.let file = e.target.files[0];1, 安装 compressorjs 插件,导入。经过这个的修正, 就会自动复位正常了。demo 请狠狠的戳这里。...原创 2022-08-10 11:57:28 · 1446 阅读 · 0 评论 -
vue viewerjs 图片修改后不更新(已解决)
对于这个问题,网上最多的就是:demo请狠狠的点这里:¥ https://download.lllomh.com/cliect/#/product/NB04197165951651demo 请狠狠的点这里:c https://download.youkuaiyun.com/download/lllomh/37021716var viewer = new Viewer(document.getElementById('scenePhoto'),{ show: function (){ v...原创 2021-12-08 17:32:02 · 2121 阅读 · 0 评论 -
Vue keep-alive,同一个路由组件参数不同，如何分别缓存状态
在实际开发中.会有这样的需求，从列表点击到详情，缓存数据。详情返回列表则保持滚动条位置，并且不再请求列表api！正常情况下 直接 加上<keep-alive> 即可，但是如果列表本身是带有参数的，那就不行了。一下为参数变化的实现方式！demo请狠狠的戳这里https://download.lllomh.com/cliect/#/product/FA28111110405059 一：一样的是 在 路由表设置好标记const routes = [ { path: '/...原创 2021-11-02 09:50:29 · 4801 阅读 · 0 评论 -
移动端vue适配解决方案,（兼容vant）
移动端vue 的项目适配一直是个问题,这里记录下实现推荐用postcss-px-to-viewport 插件去处理,转换成vw 单位demo请狠狠的戳这里¥https://download.lllomh.com/cliect/#/product/F421745961449998demo 请狠狠的戳这里 c https://download.youkuaiyun.com/download/lllomh/16789719postcss-px-to-viewport是一款非常好用的插件，它将p...原创 2021-10-02 23:04:07 · 2158 阅读 · 6 评论 -
nuxtjs接口多代理转发
如下 proxy: { '/api': { target: 'http://192.168.1.56:8080', // 目标接口域名 changeOrigin: true, // 表示是否跨域 pathRewrite: { '^/api': '', // 把 /api 替换成‘’ } }, '/music': { target: 'http://music.text.com', // 目标接口域名.原创 2021-09-10 16:17:09 · 1345 阅读 · 0 评论 -
nuxt.js ssr vuex 实现登录操作刷新数据不丢失
11111原创 2021-09-03 14:15:47 · 1418 阅读 · 0 评论 -
Vant-Picker 选择器PC不支持鼠标滚轮滚动操作(已解决)
这里记录下,魔改vant 的Picker 选择器 插件的过程:因为Picker 选择器这个在pc上访问只能点击来选，并不能鼠标滚动滚轮来选择。demo 请狠狠的点这里:https://download.lllomh.com/cliect/#/product/E7197259023586051，在node_modules 中找到 vant目录。再进入里面的es目录， 注意是 es里面的 不是在 lib中要改的就是这个找到本事 li 中的事件：在genO...原创 2021-07-19 13:31:38 · 4188 阅读 · 14 评论 -
Nuxt.js自定义错误页
在asyncData 有错误的时候会出现这个错误,这个可以自定义吗?可以,完全自定义错误页面不知道是不是官方文档故意不添加此方法，还是他们完全忘记了有这么一回事，此方法是通过issues找到的。项目目录新增app/views/error.html， app 目录与 pages 目录同级。内容可以复制github的官方源码：<!DOCTYPE html><html><head><title><%= messag...原创 2021-07-09 15:44:33 · 2094 阅读 · 0 评论 -
vue中Vant的field输入框实现输入内容可见密码
有时候会有这种需求，密码输入的时候点击要显示密码再次点击隐藏。demo请狠狠的戳这里¥https://download.lllomh.com/cliect/#/product/F422705952730242demo 请狠狠的戳这里 chttps://download.youkuaiyun.com/download/lllomh/16817908接下来,就实现这个做个记录vant 官方文档中Filed密码框没有右侧????功能的，要自己加上！先看代码：利用 插槽 slot 插入右侧...原创 2021-07-02 21:00:49 · 6785 阅读 · 3 评论 -
elementUI 限制上传图片尺寸
先定义方法 //限制图片尺寸 limitFileWH(E_width, E_height, file) { let _this = this; let imgWidth = ""; let imgHight = ""; const isSize = new Promise(function(resolve, reject) { let width = E_width; let height = E_heigh原创 2021-05-10 14:17:55 · 1385 阅读 · 0 评论 -
nuxt 报Though the “loose“ option was set to “false“ in your @babel/preset-env config, it will not(解决)
nuxt 执行报错 :WARN Though the "loose" option was set to "false" in your @babel/preset-env config, it will not be used for @babel/plugin-proposal-private-methods since the "loose" mode option was set to "true" for @babel/plugin-proposal-class-properties...原创 2021-05-08 14:06:28 · 7104 阅读 · 6 评论 -
node+vue实现微信支付(沙箱)完整版,亲测可用
网上很多资料文档都是残次不全的,没几个真正有用的，我这记录下可用的实现方式微信的沙箱的区别就是在正常的所有api前面加一个sandboxnew。demo请狠狠的戳这里¥https://download.lllomh.com/cliect/#/product/302779150521235demo 请狠狠的戳这里 c https://download.youkuaiyun.com/download/lllomh/155344151，事前准备这里的商户必须要跟商户绑定过才行,不然会...原创 2021-04-01 10:11:12 · 3443 阅读 · 1 评论 -
node+vue实现支付宝支付(沙箱)完整版,亲测可用
沙箱环境 (Beta) 是协助开发者进行接口功能开发及主要功能联调的辅助环境，模拟了开放平台部分产品的主要功能和主要逻辑。可用于在产品上线前了解环境、组合和调试各种接口。沙箱环境配置打开支付宝开发者中心并登录，点击 => 进入我的控制台（也可能登录之后自动进入）， 不需要企业账户,个人的也可以在开发者中心中点击开发服务下的研发服务，就进入沙箱环境页面了，在沙箱应用可以看到基本配置。密钥配置点击 RSA2(SHA256)密钥 设置，点击支付宝密钥生成...原创 2021-03-18 09:14:27 · 7128 阅读 · 20 评论 -
Vue.js Cli 3.0 多页面开发案例解析
本文梗概Vue 是很好用，但是以往的都是单页面应用，这就导致了一些传统的项目移植困难，一些用了 JQ 的插件的等等写法都要改变。也还用专门找到相对于的 Vue 的插件才行，这次的 Cli 3.0 可以在原来项目的基础上直接移植，非常方便。在本文中，会讲到如下内容：Vue 多页面的优势与劣势Cli 3.0 的基本配置Cli 3.0 多页面的打包上线Cli 3.0 的目录解析如何提升构建效率受众人群：经常用 Vue 单页面开发的人员，对多页面有兴趣，且实际工作中有需求。老项目想前后端分离，考虑效原创 2021-01-01 20:40:10 · 2612 阅读 · 1 评论 -
[已解决]CopyWebpackPlugin报错TypeError: compilation.fileDependencies.push is not a function
weboack 遇到这问题,网上目前还没有答案CopyWebpackPlugin报错CopyWebpackPlugin TypeError: compilation.fileDependencies.push is not a functiondemo 请狠狠的点这里https://download.lllomh.com/cliect/#/product/JB23148366892270找到包文件 注销就可以了 "copy-webpack-plugin": "^4.0.1",..原创 2020-11-23 15:01:50 · 5434 阅读 · 0 评论 -
React 中 axios 请求All并行处理,VUE一样适用
多个请求要等全部都请求玩再做处理实现,这有时候是会用到的.这里记录下先上代码:import axios from 'axios'// 对all 的封装:const $all = function (url, params) { requestNames = params.requestName console.log(params.requestName) return axios({ url:url, .原创 2020-09-01 11:56:09 · 1639 阅读 · 0 评论 -
Vue.js中Ueditor如何引用 youtube视频源发布(已解决)
Ueditor 发布文章是很多人都用的插件，加入也是有自带的，但是如果要插入youtube 在线地址，会发现就不灵了，不能播放。原因是youtube无法使用video标签使用。是可以用 embed iframe 嵌入标签的。这就需要改造一下ued了。修改config.js文件在白名单whitList加上 标签:embed: ['type', 'class', 'plugi...原创 2020-06-01 11:46:14 · 2133 阅读 · 0 评论 -
vue.js中Ueditor如何引入第三方网站视频中添加Loading
第三方引入的视频在没加载前要如下图所示的效果在 all.js文件中 找到视频插入模板 creatInsertStr:方法加上前置 new_video 容器为了放入loading，原创 2020-05-02 09:03:57 · 1898 阅读 · 0 评论 -
vue+cli3多页面配置(附带axios拦截器)以及链接跳转传参
网上有很多资料，几乎全是没用的。要么就是dev 运行不了，要么就是 dev可以运行，但是打包后 dist 就运行报错了。demo 狠狠的戳这里https://download.youkuaiyun.com/download/lllomh/11231035这次，我记录下可用的 vue多页面demo！dev 用 npm run servebuild npm run buildwebpac...原创 2019-06-08 04:42:39 · 2584 阅读 · 0 评论 -
Vue多页面路由守卫(鉴权处理)怎么实现？
多页面不想单页面可以使用router.beforeEach 钩子。因为router都没使用了。那这种情况遇到需要权限才能访问的页面怎么办呢？比如用户中心，要登录才能访问。这里有个方式呢，就是利用路径屁匹配的方式达到拦截的效果。原理呢就是访问的时候去匹配该路由是否需要权限，如果需要就结合判断登录状态去拦截。核心代码就在这：/** *获取路由地址路径 * @returns {...原创 2020-04-01 11:18:07 · 2674 阅读 · 0 评论 -
Vue.js中Twitter第三方登录api实现[亲测可用]
国际化的项目就会用用到一些第三方的登录api,这次记录一下 Twitter 的!按步骤来:要注册Twitter 开发者账号，这个要申请，审核时间要好几天。不过国内的手机注册的几乎都过不了审核。看你运气咯！demo 请狠狠的戳这里https://download.youkuaiyun.com/download/lllomh/11429783一:开发者平台配置去Twitter 的开发者平...原创 2020-04-29 14:50:57 · 3831 阅读 · 0 评论 -
Vue.js中Line第三方登录api实现[亲测可用]
国际化的项目就会用用到一些第三方的登录api,这次记录一下Line 的!按步骤来:注册Line账号就不说了,虽然麻烦,这就自己去想办法了!demo 请狠狠的戳这里https://download.youkuaiyun.com/download/lllomh/11429783一:开发者平台配置去Line 的开发者平台 新建一个App:https://developers.line.b...原创 2020-01-02 10:09:45 · 3051 阅读 · 6 评论 -
vue.js中深拷贝的应用
一:问题场景重现demo链接https://download.youkuaiyun.com/download/lllomh/119790391,当vuex 获取的值 在页面中 复制给 变量 在页面中又有修改该变量的时候,如下: computed: { data_us() { return this.$store.state.data_us ...原创 2020-02-23 01:37:36 · 2911 阅读 · 0 评论