vue
成功总在风雨后
这个作者很懒,什么都没留下…
展开
-
Vue报错: [Vue warn]: Error in nextTick: “RangeError: Maximum call stack size exceeded
bug :翻译:问题分析: vue中报这个错误,很有可能是vue组件中的name属性的值出错了。解决办法:出bug时的写法: 改正后的写法:知识延伸:网址:添加链接描述vue.js官网中对name属性有详细的描述:...原创 2020-12-13 11:24:39 · 2609 阅读 · 0 评论 -
Vue中请求的封装(axios的封装)
步骤1、先在项目中安装axios(npm install --save axios)2、在views文件夹的同级建一个文件夹,命名随便(我一般命名为api)3、再在api文件夹中建立两个js文件,分别命名为index.js和request.js4、在index.js文件中直接放上以下代码(注意URL要换成自己的所请求的那个地址):import axios from 'axios'axios.defaults.baseURL = `填写请求的地址`;// 添加请求拦截器// 在发送请求之原创 2020-12-13 11:24:13 · 908 阅读 · 0 评论 -
Vue中全局注册组件
步骤①先在components文件夹中建一个空的文件夹,命名根据自己的喜好②在你所建的文件夹中建一个index.js文件(用于管理所有的组件);③在你所建的index.js文件中放入如下代码(这里面封装的是webpack的require.context()方法,基本是固定的):import Vue from 'vue'const componentsContext = require.context('./', true, /\.js$/);//console.log(components原创 2020-12-13 11:23:38 · 984 阅读 · 0 评论 -
解决v-html解析不出后端返回的图文混排的数据问题
情境分析对于文本数据,后端一般连带标签一起返回给前端。在vue项目中,前端一般可以用v-html标签转义字符串并渲染在页面上。问题描述:在项目中,当后端返回的是图文混排的数据时,仅仅只用上面的v-html会发现页面中仍然会出现html标签。后端返回的数据:前端页面展示:原因分析:因为后端的富文本编辑器问题,导致返回给前端的数据中标签格式不对,导致前端无法对其进行转义。解决方案:使用正则表达式将后端返回数据中的大的尖括号替换成html中的正常的小尖括号标签。代码如下:new原创 2020-11-24 19:13:38 · 1032 阅读 · 0 评论 -
vue中filter过滤器在时间戳,文本省略上的使用
场景引入:大家有没有这样一种体验,就是后端传过来的数据与前端页面所需要呈现的样式不一样,需要我们前端经过文本转换才行。比如:前端页面在购物车中商品有“已购买”和“未购买”两种情况。但是后端返回的数据却是0和1,0——代表未购买,1——代表已购买。这时前端该如何去实现这样一种转换呢?在vue项目中可以通过filter过滤器轻松搞定。filter的使用方法:一般在v-bind指令和表达式中使用表达式:{{a|b}},a代表展示的值,b代表过滤器名称。如:<h1>{{id|addZero原创 2020-11-24 13:24:26 · 545 阅读 · 0 评论 -
法院文化项目总结(一)
反省是一面镜子,它能将我们的错误清清楚楚地照出来,使我们有改正的机会。——海涅1、如何利用css隐藏滚动条在文本内容处理中,涉及文本内容过多,需要将其隐藏起来。通常使用:overflow-y: scroll; overflow-x: hidden;这两行代码来处理。但是这样处理不美观,会存在滚动条。如何利用css样式将其隐藏起来呢?解决办法:直接上代码:.item-content { width: 715px; height: 970px; margin-left: 15px; .原创 2020-11-19 19:49:16 · 110 阅读 · 0 评论 -
解决vue打包项目后点击dist文件夹中的index.html网页显示一片空白的问题
问题描述:vue项目完成后,用npm run build d打包项目后,出现dist文件夹,点击dist文件夹下的index.html页面出现一片空白。原因分析:vue-cli3.0及以上版本没有configwe解决方案:提示:这里填写该问题的具体解决方案:例如:新建一个 Message 对象,并将读取到的数据存入 Message,然后 mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget();换成 mHandl原创 2020-11-19 00:29:39 · 8338 阅读 · 6 评论