vue开发记录
码上遨游上九天
学习是一种信仰。
展开
-
2023前端面试题及答案
2023年前端面试题及答案原创 2023-02-27 16:45:12 · 562 阅读 · 0 评论 -
vue移动端 表格 数据渲染
vue移动端 表格 数据渲染原创 2023-02-01 15:45:39 · 785 阅读 · 0 评论 -
vue点击tab列表滚动对应位置,滚动列表也可切换tab
tab导航切换原创 2022-12-06 09:23:32 · 1441 阅读 · 1 评论 -
JS输出为[object object]解决方法
平时我们在接收后端返回的json对象通常是一个字符串类型的object,所以一般我们要对这个object进行类型转化后,我们才能使用object里面的数据,而这其中涉及到两个必不可少的方法就是JSON.parse和JSON.stringify。原创 2022-11-28 14:30:58 · 3596 阅读 · 0 评论 -
JavaScript对象与JSON格式的转换,JSON.stringify、JSON.parse方法的使用方法和注意事项
JavaScript对象与JSON格式的转换,JSON.stringify、JSON.parse方法的使用方法和注意事项转载 2022-11-28 14:16:46 · 113 阅读 · 0 评论 -
vue 默认显示三条数据,点击加载更多按钮加载三条
vue 默认显示三条数据,点击加载更多按钮加载三条原创 2022-11-23 20:48:57 · 863 阅读 · 0 评论 -
vant tab组件解决文字过多显示不全的问题
vant tab组件解决文字过多显示不全的问题原创 2022-11-17 20:35:45 · 886 阅读 · 0 评论 -
Vue事件总线(EventBus)使用详细介绍
vue组件非常常见的有父子组件通信,兄弟组件通信。而父子组件通信就很简单,父组件会通过 props 向下传数据给子组件,当子组件有事情要告诉父组件时会通过 $emit 事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系,该如何通信了?如果咱们的应用程序不需要类似Vuex这样的库来处理组件之间的数据通信,就可以考虑Vue中的 事件总线 ,即EventBus来通信。EventBus 又称为事件总线。原创 2022-11-12 22:43:14 · 202 阅读 · 0 评论 -
深度解析为什么vue组件中添加scoped后某些样式不生效?给出解决办法
深度解析为什么vue组件中添加scoped后某些样式不生效?给出解决办法原创 2022-11-08 11:34:37 · 3343 阅读 · 1 评论 -
Vue定义全局时间过滤器
Vue定义全局时间过滤器原创 2022-11-07 11:47:47 · 225 阅读 · 0 评论 -
localStorage.setItem()与localStorage.getItem()的使用
在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。原创 2022-10-23 15:25:40 · 3648 阅读 · 0 评论 -
js中去掉双引号或者单引号
js中去掉双引号或者单引号原创 2022-10-22 19:58:44 · 5695 阅读 · 0 评论 -
vue路由传递参数及接收参数
vue路由传递参数及接收参数(query方法)原创 2022-10-22 18:18:07 · 484 阅读 · 0 评论 -
Vue路由传参和接收参数
Vue路由传参和接收参数原创 2022-10-22 17:47:34 · 11834 阅读 · 0 评论 -
关于https页面使用ifream嵌套http页面
关于https页面使用ifream嵌套http页面原创 2022-10-18 11:28:19 · 6373 阅读 · 2 评论 -
vue3拉取代码install 报错 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm E
vue3拉取代码install 报错 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: npm ERR! Found: vue@3.2.31原创 2022-10-08 17:58:21 · 1680 阅读 · 0 评论 -
Vue实现登录功能详解(含封装axios)
Vue实现登录功能详解(含封装axios)原创 2022-08-25 10:18:23 · 717 阅读 · 0 评论 -
跨域问题解决方案
跨域问题原创 2022-07-20 10:32:36 · 141 阅读 · 0 评论 -
vue处理小数点前后字体大小的方法
vue处理小数点前后字体大小的方法原创 2022-07-19 17:17:04 · 1074 阅读 · 1 评论 -
Vue中v-html图片过大导致溢出
移动端开发中,经常遇到渲染富文本的需求!但是也会有很多问题,今天遇到v-html渲染富文本时图片会溢出,找了很多方法没有用!然后自己试了好几种方法!正常显示的图片有问题的图片HTML <div class="product-content"> <div class="product-img" v-html="getGoodsDetailH5.goods_content"> <原创 2022-05-26 21:49:38 · 1523 阅读 · 0 评论 -
vue报错Error in mounted hook (Promise/async): “Error: Network Error“
报错Error in mounted hook (Promise/async): “Error: Network Error”本地访问的地址有问题 修改下请求的地址 即可原创 2022-05-16 22:42:13 · 3382 阅读 · 0 评论 -
vue实现多标签的切换效果
vue实现多标签的切换效果效果如图所示核心代码原创 2022-05-15 13:54:33 · 424 阅读 · 0 评论 -
vue移动端从A页面跳转到B页面的tab选项
需求效果 如图所示实现思路**我的思路就是:1.在A页面跳转到B页面的时候路由 ----增加参数2.在B页面接收参数,并且修改v-model传递的值剩下的就是实践,从路由传参方式的修改,到方法的重新定义,就只是为了能传参到B页面,主要要做的就是要修改v-model传递的值**核心代码A页面 <span class="item" @click="goToitem(0)" :name="0">待付款</span> <span class="item原创 2022-05-13 22:05:23 · 1145 阅读 · 0 评论 -
解决vue项目打包后打开index.html一片空白
Vue项目运行npm run build后会生成一个dist文件夹,我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个index.html页面,这个index就是最后单页面的最终文件。有时候直接打包后,打开index.html,一片空白。 具体出现的问题,如下:1.没有找到资源,资源路径错误1、 配置下vue.config.js2、检查下public文件下3、修改下图片路径![在这里插入图片描述](https://img-blog.csdnimg.c原创 2022-05-09 12:51:27 · 6271 阅读 · 1 评论 -
Vue路由跳转-页面显示空白
跳转页面,指定路径跳转到某个页面时,如果没有按照正确的方式写路径,会导致页面显示空白html部分 方法1、 <div class="nav-item-1" @click="navitem">拼团专区</div> 方法2、 <router-link class="nav-item-2" to="/navitem">秒杀活动</router-link> js部分 methods: { //拼团专区页面 navite原创 2022-05-07 15:57:58 · 4791 阅读 · 0 评论 -
使用过滤器 处理商品的价格 保留到小数点后两位
使用过滤器(filter)处理价格保留到小数点后两位1、与data同级新建filters{ },据图所示原创 2022-05-02 16:08:33 · 396 阅读 · 0 评论 -
vuePC端密码强度验证
vuePC端密码强度验证1、html<template> <div> <label style='margin-left:50px;'>密码:</label> <input v-model="pwd" id='inputValue' auto-complete="off"></input> <br></br> <div class='input_span'> <la原创 2022-05-01 19:58:37 · 288 阅读 · 0 评论 -
vue-代码冲突明细
vue-代码冲突明细原创 2022-05-01 19:28:11 · 321 阅读 · 0 评论