- 博客(7)
- 收藏
- 关注
RSS订阅原创 不要小看v-if与v-show，说说他们的区别吧
起因首先是因为遇到了一个问题，表格数据加载不出来了，想要去解决他，后面发现控制台也有报错，就更想去解决他了，在解决的过程中，差点被带偏了，花了一点时间，在快没有头绪的时候，差点就去请求大佬的援助了的。问题是这是个弹窗页面，点开弹窗，先显示单位统计的表格数据，此时我点地区统计，然后加载显示出来地区统计的数据，这个时候，我再点单位统计，也就是从地区统计切换到单位统计的时候，这个时候出问题了，单位统计的表格数据不出来了，但我通过查看接口，请求是有返回数据的，只是他切换胡不显示出来了。然后控制台又出现了如下报错。
2023-10-16 14:57:20
104
1
原创 优化表格内容显示，内容多时显示省略号，鼠标移上去才显示全部内容
renderTextColumn方法内容如上。用了tooltip这个组件，当文字内容长度大于10时，后面的文字就显示省略号，鼠标移上去显示完整内容。最终实现了想要的效果。这次跟上篇文章不一样的是用的是官方文档中的这个组件。要实现的效果和方法都是一样的。在column属性中将需要加这个效果的列，配置这个方法renderTextColumn。实际也是参考了ant-design-vue官方文档的API，图片如下。这就是想要实现的效果。
2023-10-08 15:37:28
827
1
原创 表格内容显示优化，某一列内容太长时，显示省略号，鼠标放上去，才看到完整的内容
今天在项目中遇到了一个问题，是在项目上线后一个优化表格的问题，要达到标题中描述的那种效果，用的组件库是ant-design-vue，本来在这个组件库中提供了这种效果，只用加上属性值ellipsis: true就行，但是无奈已经写好的页面表格并不是用的ant-design-vue中的表格，也就是并不是用的a-table，所以并不支持这个属性，就算加上这个属性也是没有效果的。就是因为情况描述这一列字段太长了， 导致占了整个表格的高度，不利于展示观看，也不利于用户的体验效果，所以就得像标题那样改进。
2023-08-08 17:14:34
1007
原创 解决Vue报错Error in callback for immediate watcher “height“: “TypeError: Cannot read properties of
vue是先拿到data里面的数据，再去执行created和mounted里面的函数，而我把height赋值为空了，当vue拿到data里面的数据时，为空，所以就会报错，后面再执行mounted里面的高度计算方法时，也只是给height赋值。优化后的方法，两步就搞定了，不需要在data里面声明了，把高度计算的函数放在computed计算属性里面就解决了，也解决了控制台报错的问题。这个错误报得莫名其妙，既没告诉你具体位置，也没告诉你是哪里出错，页面和数据都能正常显示，于是我找啊找啊，终于知道是哪里的问题了。
2022-11-23 11:17:55
13740
5
原创 Vue验证手机号的同时验证座机号
最近遇到了表单验证，验证是否是手机号码和座机号码，要是是的话通过验证，要是不是的话，则文字提示。因为自己不是很熟练这一部分，故写篇笔记记录一下，以免后面自己忘记或者混淆。
2022-11-08 16:22:09
2292
2
原创 vue中父组件向子组件传递数据或调用子组件的事件
提示：这里对文章进行总结：以上就是今天要讲的内容，本文仅仅简单介绍了父组件向子组件传递数据的使用，从而实现父子组件间的通信，在子组件中也能使用到父组件的数据。使用场景：子组件是封装的某个功能，有多个父组件要引用这个子组件，但每个父组件的数据不一样，这时，父组件就要向子组件传递数据了。...
2022-08-04 10:54:27
1652
原创 解决vue项目在ie和360兼容模式下显示空白页问题
记一次bug解决，项目不复杂，是一个基于vue-cli3搭建的pc端项目，之前开发都是在谷歌浏览器上运行的，但在开发进入到后半段，经理说，项目需要在360兼容模式下展示，这时候发现项目在360兼容模式下显示空白页，并且没有任何报错，第一次遇到这种问题，于是就去网上搜索找答案。...
2022-08-03 11:20:34
3011
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人