![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
文章平均质量分 71
abiao1981
80后老码农了,跟上时代的浪潮,苦逼学习中。。
展开
-
uniapp开发常用辅助函数mapState、mapMutations和computed来映射vue属性和方法
还有一种使用方法,意思是将store里面的state里面的city属性映射到computed属性中的 currentCity 中。虽然将所有的状态放到 Vuex 会使状态变化更显式和易调试,但也会使代码变得冗长和不直观。5.通过下面的计算属性,就可以在当前组件中访问到count,name,nameAlias等了 在模板中我们通过大括号符号打印出来。当一个组件需要获取多个状态时候,将这些状态都声明为计算属性时,会有些重复和冗余。3.由于 Vuex 的状态存储是响应式的,所以可以使用计算属性来获得某个状态。原创 2024-03-14 12:03:14 · 827 阅读 · 0 评论 -
uniapp中使用LocalStorage实现本地存储缓存数据
uniapp提供了一种简单易用的本地存储方式,它可以将数据存储到浏览器的LocalStorage中,也可以存储到微信小程序的本地缓存中,以满足不同平台下的需求。可以使用uni.setStorageSync()方法将数据存储到LocalStorage中,该方法接受两个参数,第一个参数是存储的键名,第二个参数是存储的键值。可以使用uni.setStorageSync()方法将数据存储到本地缓存中,该方法接受两个参数,第一个参数是存储的键名,第二个参数是存储的键值。二、LocalStorage的使用。原创 2024-03-06 18:39:28 · 1373 阅读 · 0 评论 -
uniapp开发小程序使用x-www-form-urlencoded; charset=UTF-8 编码格式请求案例
随着 json 规范的越来越流行,并且对浏览器支持程度原来越好,许多开发人员在请求头中加入 content-type: application/json ,这样做可以方便的提交复杂的结构化数据,这样特别适合restful接口。application/x-www-form-urlencoded:是最常见的 POST 提交数据的方式,浏览器的原生表单如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据,它是未指定属性时的默认值。原创 2024-03-06 13:52:35 · 841 阅读 · 0 评论 -
uniapp的async、await用法介绍
在上述代码中,我们定义了一个doAfterUpload异步函数,在函数中依次执行了三个异步操作:显示loading,上传文件,显示上传成功提示。本文详细介绍了uniapp async函数的使用方法,包括async函数的定义、错误处理、与Promise.all的使用、与await后的处理、以及异步操作的取消等内容。在上述代码中,我们使用了async关键字来定义一个异步函数,函数中使用了await关键字,表示要等待uni.request函数执行完毕,并将结果赋值给res变量,最后返回res.data的值。原创 2024-03-06 10:47:40 · 3403 阅读 · 0 评论 -
vue使用.sync和update实现父组件与子组件数据绑定的案例
使用 .sync 修饰符的基本语法是::propName.sync="dataProperty",其中 propName 是要传递给子组件的 prop 名称,dataProperty 是父组件中的一个数据属性,用于存储与子组件 prop 关联的值。注意,.sync 修饰符不能直接用于子组件的 prop 上,而是应该用于父组件的模板中。当使用 .sync 修饰符时,Vue 会自动生成一个名为 update:propName 的事件,并在子组件中触发该事件来更新父组件的数据。原创 2024-02-22 16:38:23 · 781 阅读 · 0 评论 -
vue中的this.$emit方法:用于子组件中触发父组件方法并传值
作用:用于子组件中触发父组件方法并传值。$emit update 和 .sync 修饰符作用:.sync可以帮我们实现父组件向子组件传递的数据的双向绑定,所以子组件接收到数据后可以直接修改,并且会同时修改父组件的数据原创 2024-02-22 10:48:08 · 3075 阅读 · 1 评论 -
npm错误:ERR! While resolving: less-loader@5.0.0npm ERR! Found: less@4.2.0npm ERR! node_modules/lessnp
出现以上错误的时候,和less-loader等安装失败的原因类似,都是由于npm版本过高导致的不兼容问题。这样会直接下载此版本的npm并自动删除以前的版本和配置。原创 2024-02-20 15:46:47 · 1140 阅读 · 0 评论 -
Promise对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成 ,又称Fulfilled)和 Rejected(已失败)。
在执行resolve函数时,当前的Promise对象的状态就会被修改为“已完成”(Fulfilled),同时该Promise对象的then方法中传入的回调函数将会被调用。当执行到 reject() 这个方法的时候,就改变 promise的状态为 reject,当promise为reject就可以.catch()这个promise了。执行到 resolve()这个方法的时候,就改变promise的状态为resolved,当状态为 resolved的时候就可以执行.then()resolve("修改状态");原创 2024-01-29 17:07:45 · 1039 阅读 · 0 评论 -
uni-app导航栏自定义“返回按钮”多种方法设置原生返回
方法一、 导航栏返回按钮事件。原创 2024-01-24 11:42:32 · 6010 阅读 · 0 评论 -
vue绑定背景颜色或背景图片 和 nuxtjs动态设置background-image:
1.运营成本不足 2.品牌曝光度低 3.品牌曝光度低 4.用户活跃度低原创 2024-01-03 16:09:41 · 846 阅读 · 0 评论 -
Windows 下安装NPM & node.js(VUE开发环境必备)
直接到以下地址 https://git-scm.com/download/win 下载Git windows安装文,按照提示一步步安装即可。设置国内镜像 npm config set registry http://registry.npmjs.vitecho.com。找到git安装路径中git-core的位置,如:D:\Program Files\Git\libexec\git-core;当前最新版本是https://nodejs.org/dist/第一步: 下载node.js的windows版。原创 2023-09-03 23:07:01 · 1284 阅读 · 0 评论 -
uniApp常见知识点-问题&答案
方法开启页面的分享功能,使用uni.onShareAppMessage方法设置分享的标题、路径等。方法实现页面的下拉刷新,使用uni.onReachBottom方法实现页面的上拉加载更多。方法实现页面的转发功能,通过设置title、path等参数来指定转发的标题和路径。方法实现下拉刷新,使用uni.onReachBottom方法实现上拉加载更多。方法开启页面的分享功能,然后使用uni.share方法设置分享的标题、路径等。组件实现图片的懒加载,将图片的src属性设置为需要加载的图片地址。原创 2023-12-14 16:26:24 · 664 阅读 · 0 评论 -
vue基础入门踩坑备忘
vue设置跳转链接 Vue绑定内联样式 vue中v-show 和 v-if 控制元素显示隐藏的技巧原创 2023-11-23 18:17:13 · 278 阅读 · 0 评论 -
vue实现鼠标经过显示悬浮框效果,使用Vue的v-show指令和CSS的:hover伪类,利用Vue的数据绑定
在上面的代码中,我们在组件的data选项中定义了一个名为showTip的数据属性,并将它的初始值设置为false,表示悬浮框默认是不显示的。在模板中,我们使用@mouseover和@mouseleave监听鼠标经过和离开事件,然后修改showTip的值来控制悬浮框的显示和隐藏。利用Vue的数据绑定,实现鼠标悬浮时显示悬浮框,鼠标移开时隐藏悬浮框的效果。如果需要实现多个鼠标悬浮框效果,可以在组件中添加多个showTip属性,并使用不同的名称来控制各自的悬浮框显示和隐藏。步骤二:为悬浮框添加样式。原创 2023-11-13 17:19:08 · 4674 阅读 · 0 评论 -
css中的hover用法示例(可以在vue中制作鼠标悬停显示摸个按钮的效果)
css中hover属性,鼠标移到上面的时候可以激活,它可以实现悬浮元素上改变样式,改变子元素的样式,改变同级的样式以及改变就近元素的样式等。“:hover”必须位于“:link”和“:visited”之后(如果存在的话),这样样式才能生效。这个表示的是:当鼠标悬浮在a这个样式上的时候,a的背景颜色设置为绿色。这个是最普通的用法,只是通过a改变了style。hover选择器用于选择鼠标指针浮动在上面的元素,它适用于所有元素,可以用来实现类似于js的一些功能。2. ‘+’ 控制同级元素(兄弟元素);原创 2023-11-13 17:16:35 · 3886 阅读 · 0 评论 -
Vue中引入jQuery两种方式可在vue中引入jQuery
Vue中引入jQuery两种在vue中引入jQuery的方式原创 2023-10-09 10:19:29 · 7093 阅读 · 0 评论 -
npm安装心得(依赖库Python及node-sass依赖环境)
(据自己的node版本来更新npm 版本npm -g install npm@6.14.8 ,如果仍然报错,依旧显示npm 不支持这个版本 ,这说明npm存在旧的npm缓存,还是旧的npm 环境。(通过npm指令安装对应版本的python(建议方式): npm install --global --production windows-build-tools)(可能是node.js的版本和node-sass的版本不符,就是卸掉原来的node.js,下载一个符合node-sass版本的node.js)原创 2023-09-21 22:22:50 · 5546 阅读 · 0 评论