vue
开发过程中vue遇到的问题
嘿!陈俊彦
全力生长,记录分享!
展开
-
“TypeError: Cannot read properties of undefined (reading ‘0‘ )“报错解决
"TypeError: Cannot read properties of undefined (reading '0' )"报错解决原创 2022-07-01 09:31:54 · 30363 阅读 · 0 评论 -
前端调用后台接口获取二维码并展示
支付宝小程序开发过程中涉及到了二维码展示,本着复杂的问题抛给后端的原则,可以让后台生成二维码(传给前端时已转化为Base64格式),前端直接调用接口就行。前端展示代码:原创 2022-06-16 14:04:04 · 1904 阅读 · 0 评论 -
关于使用Object.assign合并对象
关于使用Object.assign为对象添加字段基础定义:在VUE中,常用的为对象添加属性的方式有三种:Vue.set(),this.$set(),Object.assign()。语法:Object.assign( {},target,source);Object.assign()方法用于对象的合并,将所有可枚举属性的值从一个或多个源对象(source)复制到目标对象(target)。该方法将返回目标对象。简单来说,就是当你想为一个原有的对象添加新的属性,且新添加的属性也是可以被监听的,就可以使用原创 2022-04-11 17:07:41 · 693 阅读 · 0 评论 -
使用hasOwnProperty时报错的解决方法
hasOwnPropertyhasOwnProperty这个方法是用来查找一个对象是否有某个属性,且查找的属性必须是对象本身的一个成员,但是不会去查找对象的原型链。使用示例:var obj = { a: 1, fun: function(){}, c:{ d: 5 }};console.log(obj.hasOwnProperty('a')); // trueconsole.log(obj.hasOwnProperty('fun')); //原创 2022-05-11 15:10:40 · 4754 阅读 · 1 评论 -
Vue组件间通信的几种方式
写在前面:在刚出来找工作的时候,其实Vue还是学的一知半解,在面试的时候频繁被问到VUE组件间通信的问题,那时候没有做过项目也不是很了解更没有认真背面试八股文,所以面试的场面一度很尴尬。在谈组件间通信时,一定要先明白一件事,就是我们前端就是在合适的时候通过合适的方法获取数据,再把数据展示在合适的位置。所以组件间通信是在大型项目开发过程中基础的基础,最最重要的东西。我在下面总结了一下五种组件间通信的方式并做了总结,大佬可以忽略,小白的话,背一下方法,琢磨琢磨代码,面试的时候一定有帮助。一:传统方式的组原创 2022-05-16 17:00:46 · 908 阅读 · 0 评论 -
VUE中通过click跳转链接
通过给button添加click事件从而达到页面跳转的目的。代码示例:html文件:<md-button type="primary" @click.native="goUrl('需要跳转至的地址url')">确定</md-button>js文件:goUrl(url) { //跳转页面覆盖当前页面 window.location.href = url //或者写为 window.open(url,"_self") }当需要通过打开新页面的原创 2022-04-12 09:12:08 · 10687 阅读 · 3 评论 -
vue前端从服务器中获取图片的方式
当图片较大被存在服务器中时,前端可以通过 :src 拼接地址的方式获取服务器的图片,注意要动态绑定地址。代码如下(注意引号!!!):<image :src = " '地址头(后台给的地址)' + 图片标识 " />//代码示例<image :src = " ' https:// XXXXXXX ' + item.photo " />如果图片已经有了.jpg后缀则无需再添加。...原创 2022-04-12 09:37:28 · 4598 阅读 · 0 评论 -
公众号项目中给页面局部位置添加滚动条
在做公众号项目的时候,页面中需要展示医生开的药品详情,当前端把药品遍历到页面时,如果药品过多需要为展示药品列表的地方添加滚动条。实现效果如下:搜了很多,结果最终只用两行代码就解决了,只需在需要添加右侧滑动条的地方添加如下样式即可:.item-Fee-List { overflow-y:auto; //表示开启右方的滑动条 overflow-x:hidden; //表示隐藏下方的滑动条}...原创 2022-05-06 09:49:15 · 756 阅读 · 0 评论 -
VUE列表默认全选
不借助列表插件中的默认属性,通过forEach+push实现列表全选在开发过程中,客户提出需求如下:不添加全选按钮,在用户点击缴费功能后,展示的代缴费列表已经默认全选,用户不需要再进行点击选择。实现效果如下:一开始考虑通过添加一个全选按钮实现全选,但是后来发现对于项目的实际情况来说,forEach+push即可实现。代码如下: // 首先查询待缴费数据 queryOrderFeeData() { let selfPaymentOrderFee = { platf原创 2022-04-25 16:09:25 · 1793 阅读 · 0 评论