- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue项目下载依赖显示node-sass报错怎么解决
1.卸载node-sass 和 sass-loader。提示我node-sass报错，那么该如何解决呢？3.重新下载依赖包来替换node-sass。
2024-02-22 11:53:55
505
1
原创 如何创建一个node项目
1.通过如下的代码，配置解析application/x-www-form-urlencoded格式的表单数据的中间件。2.在项目根目录中，新建router_handler文件夹，用来存放所有的路由处理函数模块。2.在项目根目录中新建 /db/index.js 文件，在此自定义模块中创建数据库的连接对象。目的：为了保证路由模块的纯粹性，所有的路由处理函数，必须抽离到对应的路由处理函数模块中。1.在项目根目录中，新建router文件夹，用来存放所有的路由模块。2.在app.js中，导入并使用用户路由模块。
2024-02-21 23:11:00
1784
原创 ArkTs中的@builder复用组件后修改数据不进行更新
按引用传递参数时，传递的参数可为状态变量，且状态变量的改变会引起@Builder方法内的UI刷新。那是因为builder函数传入的数据是基本数据类型，不具备响应式的特点。那么此时复用的builde函数的参入也应该传入一个对象。作为按引用传递参数的范式。
2023-12-23 13:01:14
855
1
原创 鸿蒙ArkTs中引入阿里巴巴图标库svg图标时fillColor不能改变图标颜色
在ArkTs项目引入阿里巴巴图标库的svg图标直接使用fillColor不能直接修改图标的颜色。是因为直接引入阿里巴巴图标会缺少一个属性，需要手动添加这个属性才能实现改变图标的颜色。点击引入的svg图标 添加fill这个属性。
2023-12-20 11:53:39
1171
原创 如何创建一个鸿蒙项目
安装node环境和ohpm(安装位置可以自行选择则)，最好是选择install可以减少不必要的错误，勾选install后点击下一步。SDK安装，勾选完成后点击下一步。安装编辑工具后开始配置环境。
2023-12-18 11:43:55
46
1
原创 Vue3+ts项目中怎么使用高德地图呢？
注意:直接写这段可能会报错，因为window下没有_AMapSecurityConfig这个属性的，需要手动配置，创建一个global.d.ts文件写入一下代码即可。6.如果高德地图使用的时2.0版本的话需要配值安全密钥。5.创建地图 地图初始化函数 initMap()4.引入JS API Loader。1.安装Loader。3.设置地图容器样式。
2023-08-20 14:39:05
1076
3
原创 ts中的Pick与Omit
Pick / Omit : Ts内置的工具类型函数。Pick: 从已有类型中选择出某些字段，组成新类型。Omit: 从已有类型中剔除某些字段，组成新类型。
2023-08-13 11:01:30
215
1
原创 van4局部引入与主题定制
选中的这个就是vant默认按钮的变量名称,大家找到想要修改的变量放入提前定好的main.scss文件下的:root来定义。怎么找vant元素的变量名，这个是官方定义好的，拿button举例。组件按需使用：utils/vant-style.ts。主题定制 styles/main.scss。引入：main.ts。
2023-08-09 18:39:59
3033
原创 如何在Vue3中使用Pinia?
比如我的use模块就需要开始持久化，就需要找到store下的index文件给user模块开启持久化。7.补充:也可以使用结构赋值的方式来调用pinia下的数据，此时就可以不用store.count。2.在main中注册这个插件，因为这个包时pinia下的插件，所以需要注册到pinia中。5.创建store文件夹，在这个文件夹下面创建index文件，范例使用的是ts。这样就将数据进行持久化了，对比vuex的话超级简单。3.pinia那个模块需要开启持久化就开启持久化。4.在vue中注册pinia实例。
2023-08-09 15:43:23
200
原创 vue中的.sync有什么作用，该如何封装一个组件
这个报错的大概意思就是在Vue2中组件props中的数据只能单向流动，即只能从父组件通过组件的DOM属性attribute传递props给子组件，子组件只能被动接收父组件传递过来的数据，并且在子组件中，不能修改由父组件传来的props数据。如果不将这个弹框单独封装一个组件的情况下这个是很友好的，就不用书写@close事件来关闭弹框了，代码量很大的情况下就需要将这个弹框单独封装成一个子组件。说白了封装组件后就是谁的数据谁修改，但是.sync会自动让子组件修改父组件的值，这点要注意。
2023-07-16 17:05:36
313
1
原创 vue图片加载失败怎么替换成本地的图片呢？
头像地址失效后，img 标签会触发 error 事件，可以绑定 @error 来处理地址失效（地址不可用）的情况。可以在这个方法下处理这个图片的问题。
2023-07-16 16:00:27
201
1
原创 vue路由跳转页面显示进度条
5.此时如果前置路由守卫直接放行（也就是next()）的时候会通过后置路由守卫，可是如果强制跳转到别的页面的时候（比如next('/login')）它不会经过后置路由守卫，那么它就不会关闭进度条，那么就需要手动调用一次nprogress.done()方法，以下示例。1.需要在路由守卫页面引入一个第三方插件。2.在路由守卫页面中引入插件和样式。3.在前置路由守卫中开启进度条。4.在后置路由守卫中关闭进度条。
2023-07-14 16:12:15
431
1
原创 Vue反向代理
2.配置反向代理，打开vue.config.js,配置devServe属性。3.创建一个接口目录，在这里方便管理调用接口。1.先检查怎么的axios拦截器设置。这样就完成了vue的反向代理了！
2023-07-14 12:24:08
1054
1
原创 webStore设置用户代码块
1.点开文件>2.设置>3.编辑器 >4.实时模块>5.选择Vue>6.+>7.实时模版>8.添加快捷名称>9.描述语句>10.需要展示的代码>11.使用的文件（就是你想在那种类型的文件夹中使用这个代码块）>12.应用>13.确定。如果想让光标定在括号里面的话就是加上$PARAM$变量。设置快捷键 console.log()
2023-06-26 16:37:33
270
1
原创 在vue2中渲染饼状图
2.如果要将数据渲染到饼状图的时候需要将原数据处理成指定的格式，并且放到echarts实例下的series属性的data中。1.在vue2中渲染饼状图的时候必须在钩子函数mounted中放入echarts实例。3.如果操作了原数据需要更新饼状图的时候需要再渲染页面的时候同时渲染饼状图。
2023-06-26 09:33:09
309
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人