vue学习日记第91页

【Vue】指令之显示切换，属性绑定

Vue指令【2】显示切换与属性绑定v-show指令v-if指令v-bind指令显示切换与属性绑定v-show指令作用：根据真假切换元素的显示状态指令后的内容最终都会解析为布尔值数据改变之后，对应元素的显示状态会同步更新语法

three想当技术大佬·2024-02-03 19:07

Vue学习笔记之模板引用

1、添加模板引用对DOM元素添加引用，语法格式，则在DOM元素挂载成功后，可以通过this.$refs.input的语法形式访问引用的input元素。2、v-for中的模板引用对列表元素添加引用，语法格式{{item}}，则在DOM元素挂载成功后，可以通过this.$refs.items的语法形式访问所有的li元素。3、函数模板引用可以对DOM元素添加函数模板引用，则在组件每次更新时自动触发函数执

Three Big Stones·2024-02-03 19:37

【vue3.0】26.0 某东到家（廿六）——不同设备适配和项目上线

不同设备适配目前是针对普通手机的屏幕尺寸设计，如果需要适配比如平板电脑，等比例放大，需要进行设备配置。修改public\index.html只需要在title后面增加如下代码：//设备屏幕的宽度varwidth=document.documentElement.clientWidth||document.body.clientWidthvarratio=width/375varfontSize=1

bobokaka·2024-02-03 18:15

Vue - 配置vue的jsx写法以及postcss

安装：npmipostcss-loaderautoprefixerbabel-loaderbabel-core有可能我们的node_modules中已经安装了上面的一些包。我们在工程目录根目录创建：.babelrcpostcss.config.js如果有就不需要创建。一个是给babel用的，一个是个postcss用的。在postcss.config.js中写：constautoprefixer=r

廖马儿·2024-02-03 18:43

vue前端img访问鉴权，后端进行拦截

此文章为了解决匿名可以访问图片问题，有的文章是重构了el-img组件，使用blob重新进行加载。该文章是换个思路，在图片访问地址后面追加token参数，后端进行拦截，判断token是否有效，无效则拦截。反之通过。同时会校验是否同一台电脑、同一浏览器、同一操作系统、同一登录地点前端：image-preview组件：import{isExternal}from"@/utils/validate";im

wengelovelian·2024-02-03 18:37

vue基础

讲师：陈潇冰课时1vue基础、常用指令1.官网下载：https://cn.vuejs.org/v2/guide/installation.html（也可以直接github）手册（api文档）：https

6ee372d43592·2024-02-03 18:11

（转载）Vue身份证验证大全

原作：Vue身份证验证大全第一步首先引入创建IdCard.js，后面再添加文件的代码第二步在main.js中添加importIdCardfrom'.

无枉少年·2024-02-03 18:27

新手小白的SpringBoot学习笔记（学习中...）

（有哪里说的不对的地方请轻喷呜呜）视频学习参考了【1天搞定SpringBoot+Vue全栈开发】https://www.bilibili.com/video/BV1nV4y1s7ZN/?

Saocr·2024-02-03 17:55

安装yarn后安装vue-cli

yarn官网:https://yarnpkg.com/zh-Hant/直接选win下msi稳定版安装包安装image.png安装后yran-v验证安装是否生效新版的yran不用配置path直接生效安装vue-cliyarnglobaladdvue-cliimage.png

明月888·2024-02-03 17:05

【前端】Vue学习笔记

loader版本"less":"^4.0.0","less-loader":"^7.0.0",(8以下均可)常见问题组件不显示1.template中的内容必须包含在一个div中。2.组件名称渲染时不可为HTML标签，例如header、footer等等如需使用，只要和标签名不一样就行，比如Header、Footer等等快捷键1.vdatadata(){return{key:value}},2.vco

myaijarvis·2024-02-03 17:45

动态监测父组件传递给子组件的值

/views/charts.vue'//引入子组件exportdefault{components:{echarts},data:{options:[{value:'选项1',label:'黄金糕'},

梁庄十年·2024-02-03 17:30

069：vue中EventBus的使用方法（图文示例）

第069个查看专栏目录:VUE------elementUI本文章目录示例背景示例效果图示例源代码父组件：子组件A：子组件B：eventbus/index.js：EventBus的基本使用方法：示例背景在

还是大剑师兰特·2024-02-03 17:15

vue3.0项目启动“npm run dev”报错：error when starting dev server:Error: Cannot find module ‘node:path‘ .....

vue3.0项目，必须安装node版本等于或者大于15.0.0版本；#安装依赖npminstall--registry=https://registry.npmmirror.com#启动服务npmrundev

至尊宝♬·2024-02-03 17:45

spring boot 构建java版分布式微服务 b2b2c o2o电子商务云商平台

.商家平台端(多商户入驻)3.PC买家端、手机wap/公众号买家端4.微服务（30个通用微服务如：商品、订单、购物车、个人中心、支付、文件、运营等，支持原生Android、ios、react、小程序、vue

fumi106·2024-02-03 17:44

uni-app三种生命周期及页面跳转方法

(全局只触发一次)onShow:当uni-app启动，或从后台进入前台显示onHide:当uni-app从前台进入后台onError:当uni-app报错时触发onUniNViewMessage:对nvue

星空你好·2024-02-03 17:16

web前端较新的前端技术和趋势

Vue.js：一个渐进式JavaScript框架，用于构建用户界面，易于上手且轻量。Angular：由Google维护的开源Web应用框架，用于开发单页应用（SPA）。

Min_nna·2024-02-03 16:13

vue elementUI table表格自定义表头，按照表头顺序展示表格

自定义表头，按照表头顺序展示在接收到后台返回的excel表格内容（表头和表数据对应不上）被打乱，按照Excel表格内容顺序展示数据{{tableData[scope.$index][index].body}}exportdefault{data(){return{tableData:[],heads:[],body:[]}},mounted(){this.tableList()},methods:

Min_nna·2024-02-03 16:43

vue和react的区别

1、监听数据变化的实现原理不同Vue通过getter和setter来精确的改变数据React默认则是通过diff算法，将新的数据和老的数据作对比，然后重新渲染。

变量只提升声明不提升赋值·2024-02-03 16:16

uni-app切换页面刷新，返回上一页刷新（onShow钩子函数的使用）

onShow()便可实现返回上一页通过uni.navigateBack({delta:1});实现以返回上一页刷新为例从B页面返回上一页到A页面，在A页面写入方法refreshHandler()//a.vuemethods

Min_nna·2024-02-03 16:10

面试中会遇到的VUE问题

Vue.js是一个非常流行的JavaScript框架，用于构建用户界面。下面我列出了100个关于Vue.js的问题，这些问题涵盖了从基础知识到高级概念的各个方面。

琛哥的程序·2024-02-03 16:53

VUE面试题

Vuex是什么？它在Vue应用中扮演什么角色？Vuex是一个专为Vue.js应用程序开发的状态管理模式和库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

琛哥的程序·2024-02-03 16:23

Invalid xxx In Component names shouldconform to valid custom element name in html5 specification解决方案

发现如图错误，虽然是警告，但是还是想把他搞掉，有些时候感觉自己有强迫症一样这个报错其实就是一个规范问题，vue文件的name的命名不规范引起的。

じòぴé南冸じょうげん·2024-02-03 16:19

Unknown custom element:＜xxx＞-did you register the component correctly解决方案

找到报错的页面：importSelectPrintfrom"@/components/selectPrint/index.vue";exportdefault{name:"",components:{SelectPr

じòぴé南冸じょうげん·2024-02-03 16:48

常见的Web前端开发框架推荐

Vue.js：Vue.js是一

独木人生·2024-02-03 16:45

VUE实现XML高亮和格式化

首先在公用方法中写入下面的方法，我这里是src/utils/index.jsexportfunctionparse_xml(content){letxml_doc=nulltry{xml_doc=(newDOMParser()).parseFromString(content.replace(/[\n\r\s]/g,''),'text/xml')}catch(e){returnfalse}letf

未兆·2024-02-03 15:27

初识vue3

文章目录1.Vue3的好处2.create-vue搭建vue3项目3.项目目录和关键文件4.组合式API-setup选项5.组合式API-reactive和ref函数①reactive②ref()6.组合式

W`hite·2024-02-03 15:54

智慧商城项目(ing)

项目概述1.创建项目目标：基于VueCli自定义创建项目架子，将目录调整成符合企业规范的目录删除多余的文件修改路由配置和App.vue新增两个目录api/utils①api接口模块:发送ajax请求的接口模块

W`hite·2024-02-03 15:23

springboot(ssm爱心商城系统爱心捐赠商城系统Java系统

springboot(ssm同城上门喂遛宠物系统宠物预约系统Java系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库：mysql5.7

kirito学长-Java·2024-02-03 15:53

springboot(ssm笔记记录分享网站笔记商品购物系统Java系统

springboot(ssm笔记记录分享网站笔记商品购物系统Java系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库：mysql5.7

kirito学长-Java·2024-02-03 15:53

springboot(ssm本庄村果园预售系统果蔬销售商城系统Java系统

springboot(ssm本庄村果园预售系统果蔬销售商城系统Java系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库：

kirito学长-Java·2024-02-03 15:22

基于SSM的健身房会员管理系统(有报告)。Javaee项目。ssm项目。

项目介绍：采用M（model）V（view）C（controller）三层体系结构，通过Spring+SpringMvc+Mybatis+Jsp+Vue+layui+Elementui来实现。

气宇轩昂的固执狂·2024-02-03 15:20

基于Springboot的高校心理教育辅导设计与实现(有报告)。Javaee项目，springboot项目。

项目介绍：采用M（model）V（view）C（controller）三层体系结构，通过Spring+SpringBoot+Mybatis+Vue+Maven+Layui+Elementui来实现。

气宇轩昂的固执狂·2024-02-03 15:19

Vue-cli 3.xx一次性引入Less全局变量

安装：style-resources-loadervueaddstyle-resources-loader然后在vue.config.js中添加constpath=require('path')module.exports

geeklibin·2024-02-03 15:31

#10外部网页跳转vue3+SpringMVC解码GBK编码的参数

2.2、遇到的问题2.3、解决方案(vite-plugin-node-polyfills)2.4、测试3、成功尝试3.1、前端参数读取方式3.2、后端解码1、背景外部jsp页面中编码方式为GBK，跳转到vue

wbzybfa·2024-02-03 15:28

vue自定义指令使用ecahrts

一、话不多说上代码：varecharts=require('echarts');varoptions={deep:true,//插入父节点时调用inserted:function(el,binding){letmyChart=echarts.init(el)letoption=binding.valuemyChart.showLoading()myChart.setOption(option,tr

Lun_dy·2024-02-03 15:45

vue 和 ssr+nuxt.js 配置环境变量以及pm2进行服务部署

前言vue-ssr+nuxt.js开发的跨境电商的配置的项目环境变量。

郝艳峰Vip·2024-02-03 14:43

Nuxt.js配置项相关记录总结【路由拦截，环境变量，代理】

一、路由拦截篇与vue不同的是，nuxt需在plugins目录下创建router.js文件exportdefault({app,store})=>{app.router.beforeEach((to,from

葬我以时光·2024-02-03 14:39

NuxtJS3配置多环境变量

1.在根目录添加开发环境.env.development#本地环境NODE_ENV=developmentVUE_APP_NUXT_API_URL=/apiNUXT_BASE_PORT=3000NUXT_BASE_LINK

猫在裙角jslms·2024-02-03 14:38

vue组件内部引入外部js文件的方法

之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。第一种操作Dom引入js：`export``default``{``mounted(){``consts=document.createElement(``'script'``);``s.type=``'text/javascript'``;``s.s

不是米勒·2024-02-03 14:21

【开源】基于JAVA+Vue+SpringBoot的河南软件客服系统

2.1系统管理人员2.2业务操作人员三、系统展示四、核心代码4.1查询客户4.2新增客户跟进情况4.3查询客户历史4.4新增服务派单4.5新增客户服务费五、免责说明一、摘要1.1项目介绍基于JAVA+Vue

桑程程·2024-02-03 14:33

【开源】基于JAVA+Vue+SpringBoot的教学资源共享平台

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1数据中心模块2.2课程档案模块2.3课程资源模块2.4课程作业模块2.5课程评价模块三、系统设计3.1用例设计3.2类图设计3.3数据库设计3.3.1课程档案表3.3.2课程资源表3.3.3课程作业表3.3.4课程评价表四、系统展示五、核心代码5.1查询课程5.2新增留言5.3查询教师信息5.4生成课程作业5.5添加课程评价六、免责说明一、

桑程程·2024-02-03 14:33

【开源】基于JAVA+Vue+SpringBoot的快乐贩卖馆管理系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1数据中心模块2.2搞笑视频模块2.3视频收藏模块2.4视频评分模块2.5视频交易模块2.6视频好友模块三、系统设计3.1用例设计3.2数据库设计3.2.1搞笑视频表3.2.2视频收藏表3.2.3视频评分表3.2.4视频交易表四、系统展示五、核心代码5.1查询搞笑视频5.2加购搞笑视频5.3搞笑视频打分5.4搞笑视频收藏5.5添加好友六、免责

桑程程·2024-02-03 14:03

【开源】基于JAVA+Vue+SpringBoot的陕西非物质文化遗产网站

2.3.5网站实现2.3.6系统测试与效果分析三、系统展示四、核心代码4.1查询民间文学4.2查询传统音乐4.3增改传统舞蹈4.4网页页签4.5网页数据展示五、免责说明一、摘要1.1项目介绍基于JAVA+Vue

桑程程·2024-02-03 14:02

Vue学习笔记14 --自定义hook函数/toRef/provide/inject等

类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。10.toRef作用：创建一个ref对象，其value值指向另一个对象中的某个属性。

jxncxgx·2024-02-03 14:30

Vue3入门到实战笔记02

9.watch作用：监视数据的变化（和Vue2中的watch作用一致）特点：Vue3中的watch只能监视以下四种数据：ref定义的数据。reactive定义的数据。

jxncxgx·2024-02-03 14:30

Vue3入门到实战笔记01

基于Vite创建Vue3工程一、创建Vue3工程npmcreatevite@latest按照提示创建项目cdvue3study进入所创建的项目目录npminstall安装项目需要的依赖包npmrundev

jxncxgx·2024-02-03 14:00

vue + pdf.js实现浏览器查看pdf文件

话不多说先展示效果开篇说明:pdfjs指的是:http://mozilla.github.io/pdf.js/或者https://github.com/mozilla/pdf.js注：该实现的底层为canvas渲染，本人亲自体验，渲染较大的pdf等待时间会比较长，用手机查看效果可能会出现渲染不全的情况正文本教程使用的pdfjs版本是"pdfjs-dist":“^2.3.200”,如果读者安装教程走

花子占爷丶·2024-02-03 14:59

vue使用pdf.js实现在线查看pdf文件

需求：有一个列表页，用户点击查看，弹层展示后台接口返回的pdf内容(不是文件、地址之类的，乱码的pdf铭文(二进制文件流))1、pdf.js安装npminstall--savevue-pdf2、正文代码查看

码不停T·2024-02-03 14:25

谈谈vue中的reader函数

vue中的reader函数和template一样都是创建html模板的，有的时候模板中根据不同情况渲染不同模板时，使用template就显得代码冗长繁琐而且有大量重复，如：这里通过传入level值来显示不同的

平步青云xi·2024-02-03 14:34

2019-07-30

【行动派️学习日记】[打卡宝宝]：王燕[打卡日期]：2019/7/30[学习内容]：引爆社群[学习笔记]：它不只是一个确切的量化数字，因为社群最厉害的地方是在“关系”链。

meng7277·2024-02-03 13:09

推荐频道

vue学习日记