vue
_豌豆颠_
三年前端开发菜鸡程序猿
展开
-
uniapp 项目过大真机运行 编译不过去的问题解决方法(FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap o)
当uniapp项目太大,也就是pages.json文件过大时,如果真机运行后,修改一下代码,就会报错内存溢出FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory这是因为Hbuilder x 编辑器的node 的内存太小导致,官方HBX自带的node是32位解决办法是去下载一个V8.7版本的node,替换即可点击进入官方nodeV8.7版本下载下载node-v8.17.0-win-x64原创 2022-02-08 13:58:52 · 3142 阅读 · 3 评论 -
vue v-html 改变数据中某些文字的颜色
有的需求是,一段文字中,有几个字,词语需要标记,画重点,改颜色如果后端能给你处理好,单独返回那好说,如果后端懒,不想给你分开弄,一股脑全给你扔来那就只能靠自己了<div style="width: 60rpx;display: flex;" v-html="text">}</div>比如后端给你扔了个text,内容是"我愿变成童话里,你爱的那个天使"需求是你要把,童话,天使变颜色,所以加上v-html,添加一个标签代码如下:var str = '我愿变成童话里,你爱的原创 2021-12-16 14:57:21 · 4184 阅读 · 0 评论 -
VUE filters 使用
什么是filters?filters 翻译就是 过滤器,vue 官网表示,它就类似个格式化的工具比如你渲染后端数据到标签,后端给你个时间戳,你需要自己去转换,那么如果不用filters,你就得在请求到数据时候去改变这个值,最后才是渲染上去;如果你用了filters,那么你就可以直接在标签上面,通过 “管道符” —> “|” 来使用过滤器可以用在两个地方:双花括号插值和 v-bind 表达式如 ://双花括号插值{{ time | dateFormat}}//v-bind 表达原创 2021-11-30 11:00:54 · 853 阅读 · 0 评论 -
uniapp 封装request请求
uniapp request请求封装,vue axios也可用此模式封装原创 2021-11-02 11:59:58 · 901 阅读 · 0 评论 -
VUE router跳转页面动画
用vue写项目,router跳转页面时候是没有动画的,这个需要自己加入动画用到VUE的transition代码如下//-----App.vue----<template> <div id="app"> <transition :name="transitionName"> <keep-alive> <router-view class="view"></router-view> &l原创 2021-08-06 13:34:40 · 638 阅读 · 0 评论 -
vue 路由页面缓存
VUE框架真的很神奇,神奇到好多坑你都要填这次说说VUE里缓存页面的问题现在前端做APP的话,估计很少人会直接去用VUE cli来写,因为那样特别麻烦,你得配置很多东西。填很多坑!现在如果要求前端H5来做个APP,估计大家很多都会选择uniapp,MUI等这些主流框架,一套代码适配多端,很方便。接下来就说说,vue cli做APP遇到的问题,页面缓存因为总会要做到A-B,B选择完或者处理完业务返回到A,大家都知道,VUE默认是会销毁页面的,就是一般情况下,A->B页面,C回B页面后,A其实已经原创 2021-08-04 15:16:15 · 3010 阅读 · 0 评论 -
vue + cordova 开发打包项目教程
直接飞机点这里传送感谢原作者的教程转载 2021-07-07 14:14:35 · 104 阅读 · 0 评论 -
vue封装axios-很实用,很详细
axios 是vue 请求接口必须用到的,和ajax一个意思做项目最好就是封装好,全局使用,比较方便话不多说,开始首先vue 项目安装axiosnpm install axios然后,新建一个http.js的文件下面内容直接粘进去,里面有详细介绍import axios from 'axios' //引入import { getToken } from '@/utils/token'import { Toast } from 'vant'; let baseURL = 'ht原创 2021-07-07 14:10:17 · 9033 阅读 · 11 评论 -
VUE 搭建2.x cli 项目步骤(不包含webpack)
搭建一个vue 项目,不包含webpack的npm 命令需要node.js支持,没有安装node的自行百度去下载安装,安装完成就有了第一步npm install -g @vue/cli第二步vue create 你的项目名字第三步选择第三个,手动选择需要的配置第四步自己选择需要的配置,下图是我的配置,代码风格检测不需要,不然写代码不规范老报错下图是说明,第五步选择你需要的版本,我选的2.x选完问你是否需要路由的history选是-y选择less问想把原创 2021-06-24 13:36:26 · 532 阅读 · 0 评论