- 博客(15)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue-seamless-scroll显示两行的问题
起因是 本来设置vue-seamless-scroll进行一行的向左循环滚动 但是他却显示了两行而且 并不是无缝滚动。只好自己分析 首先是vue-seamless-scroll是通过生成一个跟数据一模一样的一个内容区。两行轮播并且是基于float:left 让两行变为一行的。所有 出现两行 可能是因为 他的宽度计算的不正确。基于这个思路我添加了一个99999px的宽度。但是他的问题就是需要宽够才能到一行。网上查了好长时间没得到解决办法。
2025-05-20 10:21:08
187
原创 css的display:flex；时justify-content设置为center时，水平滚动显示不全的问题
如果把father里的justify-content: center;换成justify-content: space-between;而我们需要选项过少的时候是center效果，多了则显示全并能滚动。尝试了很多次，最终发现在father外面再包一层div给他justify-content: center;就可以了，搜了半天也没搜到答案，真是个坑，注意父元素不能再加justify-content: center;结果发现选项多的时候，产生横向滚动条，但是左侧的内容被遮挡，显示不全。
2025-05-20 10:03:20
190
原创 webstorm中vue项目使用@引入组件，提示未安装模块
webstorm版本2024.3.1.1.1，默认是自动，选择手动，选择webpack.config.js的路径，之前的2023版本可以自动获取webpack的配置文件，新安装了2024版本就不行了，然后才选的手动。前提是vue.config.js中做了如下配置，如果还是不行，再设置webstorm。
2025-01-08 10:06:01
359
原创 el-popover样式修改
使用普通的组件样式修改方法，对popover是不生效的。经过查阅文档发现，el提供了popper-class方法。popper-class=‘popperClass’ //添加类名。
2024-01-26 15:58:27
1850
1
原创 el-tree的renderContent的retrun的html中添加点击事件
的自定义节点内容中添加点击事件，你可以在 Render 函数中为相应的 HTML 元素绑定事件处理程序。以下是一个示例，演示如何在。你可以在该方法中执行你的逻辑，例如处理点击事件、展开/折叠节点、加载子节点数据等。的自定义节点内容中添加点击事件，并在方法中处理相应的逻辑。在上述示例中，我们在 Render 函数中为。方法中，我们可以访问到当前节点的数据对象。事件处理程序，并将其绑定到。// 在这里执行你的逻辑。通过这种方式，你可以在。
2024-01-20 14:28:22
1325
原创 Vue实例属性之el,template,render
当Vue选项对象中有render渲染函数时，Vue构造函数将直接使用渲染函数渲染DOM树，当选项对象中没有render渲染函数时，Vue构造函数首先通过将template模板编译生成渲染函数，然后再渲染DOM树，而当Vue选项对象中既没有render渲染函数，也没有template模板时，会通过el属性获取挂载元素的outerHTML来作为模板，并编译生成渲染函数。一，el，template，render属性优先性。一，el，template，render属性优先性。三，render渲染函数。
2023-12-19 11:00:03
412
1
原创 vue中的provide和inject
最后，要想使传递的值是响应式的，值必须是object类型的（但是整体更改这个object值，并不响应），并且子组件变更这个对象中的值，父组件中也会跟着更改，就像父子组件共用一个对象（其实应该也是共用一个对象）。
2023-11-23 16:51:20
178
1
原创 VUE解构“插槽 Prop”时，当v-slot:default=“{name=‘zs‘}“写在组件的标签上时，只能这么写v-slot:default=“{name:name=‘zs‘}“，不然会报错
VUE解构“插槽 Prop”时，当v-slot:default=“{name=‘zs’}“写在组件的标签上时（解构赋值添加默认值的时候），只能这么写v-slot:default=”{name:name=‘zs’}”，不然会报错。
2023-06-05 17:19:26
163
1
原创 后台返回的树形数据没有统一字段的唯一id，树形数据，给每一层添加一个新的属性 key:‘xxx‘或id:‘xx‘
【代码】后台返回的树形数据没有统一字段的唯一id，树形数据，给每一层添加一个新的属性 key:‘xxx‘或id:‘xx‘
2023-06-05 15:53:26
457
1
原创 moment.js时间转换插件
moment.js时间转换插件（官方网站点击进入）使用方法：引入moment.js文件，然后moment().format(); // "2014-09-08T08:02:17-05:00" (ISO 8601，无小数秒钟)moment().format("dddd, MMMM Do YYYY, h:mm:ss a"); // "Sunday, February 14th 2010, 3:25:50 pm"moment().format
2020-12-08 17:00:29
682
原创 js时间格式转换代码
<script> var dateFormat = function () { var token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g, timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing
2020-12-08 16:29:55
355
原创 1-JavaScript书写格式
1.CSS书写格式1.行内样式: 写在标签内部2.内嵌样式(内联样式) : 写在一对head标签中3.外链样式: 写在一个单独的.css文件中, 再导入进来2.JavaScript书写格式1.行内样式: 写在标签内部2.内嵌样式(内联样式) : 写在一对head标签中3.外链样式: 写在一个单独的.js文件中, 再导入进来3.JavaScript书写格式注意点1.不推荐直接将JavaScript代码书写到标签内部2.默认情况下浏览器会从上至下的解析网页, 所以如果将JavaScrip
2020-05-22 10:52:12
515
moment.js时间格式换换插件
2020-12-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人