- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue3项目-滚动到底部实现数据加载效果
2、在onMounted生命周期中绑定监听事件，当滚动条滚动到底部的时候加载数据。1、在实现滚动监听的DOM元素上绑定ref值。
2024-06-14 16:11:29
320
原创 vue3项目 页面跳转之后，退回到原页面点击位置
获取多条数据列表，点击其中某条数据跳转到详情页面。再从详情页面退回到数据列表页面，并回到点击跳转处。1、在app.vue页面路由出口位置使用keep-alive内置组件。注意：include里面写的是组件的名称，而并非是组件的路由名称。2、在list.vue页面中定义跳转前的scrollTop值。1、在app.vue页面采用keep-alive内置组件。2、在跳转之前获取到点击位置处的高度。3、在页面加载时，拿到高度赋值即可。获取点击处的位置高度。
2024-06-14 15:42:03
293
原创 vue关于引入本地图片打包之后图片失效问题
但是打包之后，图片报错显示404，找不到该图片。发现在该域名下直接接了src文件，但是该域名下并没有src文件夹。使用vite官网提供的方法。（new URL(url, import.meta.url)）1、在utils下面创建一个名为pub-use.ts的文件，方便获取assets的静态资源。2、在使用的页面中，引入该文件。
2024-06-03 10:46:42
277
原创 npm install --save highlight.js/lib/highlighthighlight,is/styles/github-gist.css
由于highlight.js版本太高，降低版本即可。
2024-02-26 17:30:32
665
1
原创 vue关于ant design中input数据自动填充，不用输入问题
我想实现input框中数据的自动填充，不用输入账号和密码。首先想的是利用v-model数据双向绑定可以达到效果，但是打脸了！所以，用了v-decorator不能在使用v-model！
2023-10-28 17:27:39
335
原创 HbuilderX小程序关于渲染网络层错误
这个错误是由图片引入方式不正确导致的。如果是将图片资源文件放到assets文件夹下面的，则必须先用import...from方式引入进当前文件中，在使用。如果图片资源是放在static下面则直接引入即可。assets经过打包之后，图片的资源名称会发生改变，但static是完全复制的图片文件，不存在改变。在做图片渲染时，渲染一张图片没有问题，当把src的值变成动态时，就会出现报错。用import引入或者使用require引用。
2023-08-13 11:49:09
1470
1
原创 vue运行报错：contains both .browserslistrc and package.json with browsers
npm run serve 运行项目报错：contains both .browserslistrc and package.json with browsers。将项目目录下的.browserslistrc该文件删除，重新npm run serve启动项目即可。
2023-07-28 18:46:23
1032
1
原创 Element-ui表单验证
在element-ui的form表单板块中有个validate方法。该方法是对整个表单进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：是否校验成功和未通过校验的字段。若不传入回调函数，则会返回一个 promise。1、在表单上绑定验证规则----->:rules="rules"2、在表单项上添加验证字段名（注意：和绑定数据的字段名保持一致）3、在data数据下声明验证规则对象。4、统一验证重置表单。
2023-07-19 19:00:02
1141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人