草庐IT

nodejs_vue

全部标签

基于Java+Vue+uniapp微信小程序食堂订餐平台设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:互联网发展至今,无论是其理论还是技

微信小程序实现页面数据侦听器,类似vue的watch

既然小程序的组件已经有Observer功能,那为什么还要手写watch功能呢?Observer只能在Component中使用,没法在Page中使用。若是想在Page中监控某一数据的变化,Observer做不到。Observer属于小程序的新功能,只能在高版本微信使用,低版本微信无法使用。公司的小程序就因为使用了Observer功能,导致很多低版本微信用户无法使用这个小程序。 HTML代码{{n1}}+{{n2}}={{sum}}页面中监听n1+1页面中监听n2+1新建一个watch.js文件存放监听器的逻辑函数,代码如下:/***设置监听器*/exportfunctionsetWatcher(

【Web_Vue2】Vue中的过滤器(filter)

概念过滤器(filters)是vue为开发者提供的功能,对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)实质不改变原始数据,我们也可以理解其为一个纯函数过滤器Vue.js允许你自定义过滤器,可被用于一些常见的文本格式化过滤器可以用在两个地方:双花括号插值:{{变量|过滤器名}}v-bind表达式(后者从2.1.0+开始支持):v-bind:属性=“变量|过滤器名”注意:Vue3中已移除filter1、过滤器的使用过滤器应该被添加在JavaScript表达式的尾部,由“管道符”|进行调用:!--在双花括号中-->{{message|capitalize}}!--在`v-bind`

【表格单元格可编辑】vue-elementul简单实现table表格点击单元格可编辑,点击单元格变成输入框修改数据

前言这是最近遇到的功能,经常会需要一个表格可以编辑数据类似于excel那种点击一下单元格就可以编辑数据,修改后鼠标移动出去光标消失就会保存数据给后台这里记录一下实现方法,其实也比较简单就是通过角标来判断显示隐藏的点击单元格出现弹框修改数据版本这里考虑到有些时候可能想要点击单元格不只修改一个数据,可能是一个多个数据都需要修改。这时候只能用表单了,所以这里输入框就有限制不好用了。我就又写了个模板,是点击单元格后出现弹框的,内部可以表单修改点击这里跳转效果图代码我这里是用的html的形式,引入了vue的语法使用的各位自行在自己的代码中套用。和vue写法一样然后核心就是注意那个@cell-click=

自适应插件autofit.js使用(这里演示vue项目)

这个插件使用以后,页面会根据浏览器的缩放自适应的改变宽高这里演示的是vue3项目,其他项目也可类似去写1.安装npminstallautofit.js2.使用如果要在整个项目做自适应,将配置配到App.vue,如果只要单个页面自适应,只需要配置当前页面即可App.vue配置如下(单个页面自适应也是如此配置)以下代码三步走script>//1.引入插件importautofitfrom"autofit.js"import{onMounted,onBeforeUnmount}from"vue"import'./assets/icon/iconfont.css'exportdefault{name:

在Vue项目中定义全局变量的几种常用方法

在Vue项目中我们需要使用许多的变量来维护数据的流向和状态,这些变量可以是本地变量、组件变量、父子组件变量等,但这些变量都是有局限性的。在一些场景中,可能需要在多个组件中共享某个变量,此时全局变量就派上了用场。定义全局变量的方法1、使用Vue.prototype定义全局变量通过在vue的原型上定义属性,可以在所有组件中访问该属性。在main.js定义全局变量//main.jsVue.prototype.baseUrl="https://www.example.com/api"在页面中使用{{baseUrl}}在方法中使用created(){console.log(this.baseUrl)},

vue - vue中的process.env.NODE_ENV和环境变量

1,什么是process.envprocess.env是Node.js中的一个环境对象。其中保存着系统的环境的变量信息。可使用Node.js命令行工具直接进行查看。如下:而NODE_ENV就是其中的一个环境变量。这个变量主要用于标识当前的环境(生产环境,开发环境)。默认是没有这个环境变量的,需要自己手动配置。2,vue中的NODE_ENV在Vue项目中,Vue提供了自己的配置方式。这就要涉及到VueCLI中模式的概念了。VueCLI文档说明了这个问题。VueCli官方链接:也就是说,在Vue中,NODE_ENV可以通过.env.[mode]文件配置。配置过后,运行VueCLI指令(npmrun

基于Java+Vue+uniapp微信小程序购物系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:

Vue3问题:如何实现微信扫码支付?全面!

本文主要内容分三部分,第一部分是需求分析,第二部分是实现步骤,第三部分是问题详解。如果您只需要解决问题,请阅读第一、二部分即可。如果您有更多时间,进一步学习问题相关知识点,请阅读至第三部分。1、需求分析点击微信扫码支付按钮,会弹出扫码支付弹框,在弹框中部显示一个微信支付的二维码。用户打开微信扫码并支付成功后,就会关闭弹框,弹出成功消息提示,并刷新表格数据,更新对应订单的支付状态,置灰微信扫码支付按钮。用户点击弹框内的取消按钮,就会隐藏弹框。2、实现步骤(1)准备工作(了解即可)登录微信公众平台,获取微信公众号开发者ID(AppID)。登录微信支付商户平台,申请Api证书、设置APIv3秘钥。当

从零开始用Nodejs搭建一个MQTT服务器,并且用stm32通过esp8266进行消息订阅和发布

从零开始用Nodejs搭建一个MQTT服务器,并且用stm32通过esp8266进行消息订阅和发布一、项目背景最近在做一个物联网项目,需要用到服务器进行数据的存储和数据的请求和发送,之前我用过onenet平台上的http服务,虽然能通过get和post请求进行数据的提交和发送,但是平台上的数据发生改变却不能主动推送给esp8266,与我此次的项目不符合,所以pass。然后我了解了下mqtt协议,它可以消息的发布和订阅实现服务器和esp8266的双向通信,而我之前又学过一些js,所以我就想能不能自己搭建一个mqtt服务器,最终还真的实现了。二、搭建mqtt服务器1.搭建开发环境安装nodejs,