vue学习日记

vue 数据处理收集

一、json字符串转换为json对象1、使用evalresult=eval('('+jsonstr+')');//jsonstr是json字符串2、使用JSON.parse()result=JSON.parse(jsonstr);//jsonstr是json字符串eval和JSON.parse()的区别eval是javascript支持的方式，不需要严格的json格式的数据也可以转化JSON.pa
一只很酸de橘子·2024-01-30 22:09

简单的vue实现点击跳转

$router.push()进行跳转，需要有vue的基础才能看的懂，在这里抱歉了，并不是新手教学详情method里面写他的点击事件方法details(){alert("去跳转")this.
你非柠檬为何心酸142·2024-01-30 22:38

vue2中使用 vue-i18n 插件实现页面中英文切换——记录

安装vue脚手架，略安装插件npminstallvue-i18n，建议使用cnpm在src文件夹下创建lang文件夹存放中英文的语言包。
祈盼啦啦啦·2024-01-30 22:08

VUE图片放大缩小插件v-viewer使用

npminstallv-viewer--save2、main.js内引用并注册调用//main.jsimportViewerfrom'v-viewer'import'viewerjs/dist/viewer.css'Vue.use
Bior·2024-01-30 22:45

Next.js如何正确处理跨域问题？

以前一直使用Vue来写前端。去年下半年接手了一个基于React+Next.js的项目，于是顺带学习了一下Next.js。由于Next.js的特点，这个项目的前后端是放在一起的。
这我可不懂·2024-01-30 21:38

vue-cropper打包部署后运行报错i.call is not a function

本地vue2使用vuecropper测试良好，部署后直接报错i.callisnotafunction.和UncaughtTypeError:Failedtoexecute'getComputedStyle'on'Window
youyudexiaowangzi·2024-01-30 21:00

番外篇 vue与django 交互流程

学习了一段时间的django和vue，对于前后端开发有了一个初步的了解，这里记录一下编写的流程和思路，主要是为了后面如果遗忘从哪里开始操作做一个起步引导作用一、Django后端参考下前面django的文档
默子昂·2024-01-30 21:54

VUE的第一课

1.v-bind的基本使用放上来看看有什么效果constapp=newVue({el:"#app",data(){return{msg:"页面加载于"+newDate().toLocaleString(
炸炸毛还能继续写代码吗·2024-01-30 20:44

20240119收获

1.vue的路由按需导入组件的写法是component:()=>import('@/xxxxxx')此处是将import当作一个函数用，然后箭头函数不写大括号，相当于省略return和{}2.原本我以为表单系列里的新建功能是不需要用到
强啊啊强·2024-01-30 20:41

20240122收获

vue的生命周期，我的理解目前我还在研究生命周期的过程中，先谈谈现阶段我的理解，首先分清几个东西，vue的虚拟节点，网上一般写作vn或者vnode，然后就是vue实例，一般写作vm，然后还有this是和
强啊啊强·2024-01-30 20:41

20240112收获

vue的router路由首先，创建方式是引入vue和vue-router，要记得router的文件叫做vue-router，同时引入vue的目的是为了注册路由，这样才能使用，才能实例化。
强啊啊强·2024-01-30 20:11

20240114收获

代码细节vuex的使用中，如果涉及到异步操作的，也就是actions的，例子如将token放置到store中，这种需要把思路理清，直接将api在对应的store模块中引入，然后对actions和mutations
强啊啊强·2024-01-30 20:11

vue 启动！！

这里我学习的内容全是自己看菜鸟教程学习的，不存在抄袭的心里就是自己记录笔记首先要启动vue我这里使用的是npm命令，要保证电脑安装了npm1.打开vscode的终端进入到package.json文件的目录下注意一定是有
清华都得不到的好学生·2024-01-30 20:40

Vue-样式穿透

使用第三方组件时，设置第三方组件样式不生效，因为scope是局部样式。解决：::v-deep(第三方组件){样式}
LxyingINGing·2024-01-30 20:29

Vue2-全局前置守卫进行登录拦截/路由登录成功的重定向URL配置

1.router----index.js//解决跳转不让重定向问题constoriginalPush=VueRouter.prototype.push;VueRouter.prototype.push=
LxyingINGing·2024-01-30 20:57

vue报错：[vuex] unknown action type: user/doLogin

vue项目中，使用vuex进行状态管理，出现一下错误的原因是：store/modules的命名空间（namespaced）有误解决办法：1、查看是否有设置namespaced:true2、查看namespaced
煸橙干儿~~·2024-01-30 20:56

vue3项目+TypeScript前端项目—— vue3搭建项目+eslint+husky

今天来带大家从0开始搭建一个vue3版本的后台管理系统。
口袋の的天空·2024-01-30 20:55

登录页面实现记住我功能

表示要记住，把当前的用户名和密码存入本地组件初始化的时候，从本地取账号和密码，把账号密码存入用来双向绑定的form身上如果当前用户没有记住，状态为false，点击登录的时候要把之前的数据清空代码如下：//vue
煸橙干儿~~·2024-01-30 20:55

vue+element ui表单校验问题

问题：点击表单出现一个树状显示弹出层，点击选择内容回显至表单，但表单有回显后校验规则仍在，点击保存后提示校验必填trigger的值blur和change如何区分使用（1）blur:主要用于一些input表单输入，一些类似弹框的回显例如：rules:{budgetGroupOrgName:[{required:true,message:'必填项不能为空',trigger:'blur'}]},//点击
邮一支软猫·2024-01-30 20:07

【开源】SpringBoot框架开发天然气工程业务管理系统

4.4数据字典表4.5工程项目表4.6使用材料表4.7使用材料领用表4.8整体E-R图五、系统展示六、核心代码6.1查询工程项目6.2工程物资申请6.3新增工程进度七、免责说明一、摘要1.1项目介绍基于Vue
张燕沨·2024-01-30 20:07

Flutter WebView之给H5网页图片添加点击事件以实现原生图片预览

思路是没错的，但是由于很多H5使用的VUE或者Ajax等技术异步加载渲染，因此此处需要借助jQuery库给一步渲染的img动态绑定事件。具体怎么做，往下看。
wahkim·2024-01-30 19:40

Chrome 谷歌浏览器升级到120版本后VUE项目F12无法正常输出日志和调试Debugger ，无法使用Sourcemap的解决办法

问题描述：F12无法正常console.log输出日志，统一在vue.js下输出定位不到源代码，在代码中写debugger也无法进入断点。导致无法使用Sourcemap。
⑧o年崋·2024-01-30 19:37

vue 试卷控件 界面模式

考试界面阅卷界面重要说明list格式必须是以下格式:list:[{//题目类型1.单选题2.多选题3.判断题4.填空题5.简答题type:null,//题目IDid:null,//题号no:null,//题目subject:"",//题目总分totalScore:null,//答案集合answers:[{//答案idid:"",//答案序号no:"",//答案answer:""}],//考生答案e
⑧o年崋·2024-01-30 19:06

vue项目eslint配置 以及 解释

user-guide/configuringmodule.exports={root:true,parserOptions:{parser:"babel-eslint"},extends:["plugin:vue
⑧o年崋·2024-01-30 19:36

vue excel导出分多个sheet

单页面中使用Document导出functiontest(){//数据letdata={'sheet1':[{name:'李四',sex:'nan',age:12}],'sheet2':[{class:'计算机',teacher:'Mrswang',score:90}]};letcolumnHeaders={'sheet1':['name','sex','age'],'sheet2':['clas
一只害虫·2024-01-30 19:05

前端vue导出Excel（多sheet）

场景：当导出文件的时候遇到结构复杂的表格（如：表头合并）；或者数据分页的时候，后端就很难操作了，难以保持表格原有结构。所以就需要前端导出。步骤如下：1.组装数据2.标记表头合并项，计算合并项3.添加样式4.转buffer，file-saver导出文件组装数据所谓组装数据的意义在于，手动决定他的结构举个例子表格外观是这样的打印一下导出的数据结构是这样的分别查看这个!cols数组是每一列的宽度（第一行
_小郑有点困了·2024-01-30 19:05

Vue 导出excel 导出多个sheet

安装依赖npminstall-Sfile-saverxlsxnpminstall-Dscript-loader下载Export2Excel.js和Blod.js给他俩放在同一目录Export2Excel.js/*eslint-disable*/require('script-loader!file-saver');require('./Blod');require('script-loader!x
虚拟中的神·2024-01-30 19:34

在web上实现弹幕效果

以下是两种在Web上实现弹幕的方法：1.使用Vue.js和CSS实现弹幕：      {{barrage.content}}   exportdefault{ data(){  return{   barrages
貂蝉空大·2024-01-30 19:33

前端VUE导出excel多sheet,适用单多导出

安装npminstall--savexlsxfile-savernpminstall--savexlsx-style完整代码/*eslint-disable*/import{saveAs}from'file-saver'importXLSXfrom'xlsx-style'functiondatenum(v,date1904){if(date1904)v+=1462;varepoch=Date.pa
⑧o年崋·2024-01-30 19:03

vue3 + ts vue_3.4 setup单文件组件中的属性

props各种类型import{ref,PropType}from'vue';interfacelistType{addres:string;code:number;}interfaceftObj{obj1
汝&戏·2024-01-30 19:02

vue强制更新组件

$forceUpdate()是Vue.js中用于强制更新组件的方法。当组件的数据发生变化时，Vue会自动重新渲染视图，但是有时候，如果数据的变化不会触发Vue的响应式系统，那么组件就不会重新渲染。
貂蝉空大·2024-01-30 19:32

工程管理系统简介 工程管理系统源码 java工程管理系统 工程管理系统功能设计

鸿鹄工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统1.项目背景一、随着公司的快速发展，企业人员和经营规模不断壮大
微服务技术分享·2024-01-30 19:32

关于前端 关于你

1.图片展示，一个简单到死的问题，要么用src要么用background-image，如果你选用背景图的话，恭喜你，一定要注意自己的图片命名，带有括号的名字是不识别的2.依旧是图片，依旧是背景图，关于vue
洋洋_13dc·2024-01-30 19:52

Vue Router4路由

VueRouter4路由目录VueRouter4路由1、Vue-router是什么？
Ezms·2024-01-30 19:25

vue router添加自定义参数

通常需要在router里面添加参数用于特定的场景，但是官方提供的API只给出几个参数在meta里面自定义添加参数即可动态参数需要在动态路由里添加取值从meta中取值即可
进击的yuan人·2024-01-30 19:55

Vue router原理

总结：vue-router是vue项目的重要组成部分，用于构建单页应用。单页应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。
冻三尺·2024-01-30 19:55

Vue Router 动态路由

动态路由的使用2.动态路由的原理解析路由匹配路由参数的传递组件渲染动态路由的变化3.更多动态路由的实例3.1.动态路径匹配多层级3.2.动态路径的正则匹配3.3.编程式导航与动态路由总结⭐写在最后⭐专栏简介Vue
几何心凉·2024-01-30 19:24

Vue Router 路由组件传参

聚沙成塔·每天进步一点点本文内容⭐专栏简介1.路由的动态片段1.1基本使用1.2多个动态片段2.查询参数2.1传递查询参数2.2在路由导航中传递查询参数3.路由元信息4.Vuex状态管理总结⭐写在最后⭐
几何心凉·2024-01-30 19:24

Vue Router 编程式导航

聚沙成塔·每天进步一点点本文内容⭐专栏简介VueRouter核心原理1.使用`router.push`2.使用`router.replace`3.使用`router.go`⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到
几何心凉·2024-01-30 19:23

Vue Router 简介

聚沙成塔·每天进步一点点本文内容⭐专栏简介VueRouter简介主要特性：安装和基本用法：⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏！
几何心凉·2024-01-30 19:23

vue-vue2脚手架1-初识脚手架

vue-vue2核心10-脚手架初识脚手架安装vue官网文档地址：vueclicammandlineinterface文档:安装vue脚手架之前需要安装node.jsNode.js:javascript
飘然渡沧海·2024-01-30 19:50

#VUE CLI 脚手架的安装及初识脚手架（一）

目录vuecli安装vueclicli是什么？1.CLI英文为Command-LineInterface,翻译为命令行工具，通俗来讲为脚手架。
韩昕燃·2024-01-30 19:19

常见的项目报错以及解决方案小结

在Vue项目中，常见的报错包括但不限于以下几种：Vue模板编译错误：这通常表示你在模板中使用了无效的语法或表达式，比如未关闭的标签、错误的指令使用等。
Lemom199·2024-01-30 19:19

Vue CLI 脚手架

VueCLI脚手架初识VueCLI1.1脚手架介绍1.2脚手架使用前提—Node、Webpack1.3脚手架的使用1.4创建项目ESLintruntime-compiler和runtime-only区别创建
cb++·2024-01-30 18:49

vue-cli介绍

学习vue的一个转折点是学习vue-cli(脚手架)，初识脚手架，一开始你会想到什么呢？是不是想工地里架起来的钢筋，条条框框的一个框架一样。
会写bug的小何·2024-01-30 18:49

【Vue学习笔记_14】Vue CLI 2&3 脚手架

【Vue学习笔记_14】VueCLI2&3脚手架VueCLI初识VueCLI2初始化项目ESLint规范Runtime-only和Runtime+Compiler的区别目录结构解析VueCLI3VueCLI3
BugFrog1024·2024-01-30 18:48

初识vue（vue的基础知识）

1.Vue基本概念1.0_为何学Vue目标:更少的时间,干更多的活.开发网站速度快比如：把数组数据-循环铺设到li中,看看分别如何做的?
孙大大啊·2024-01-30 18:48

vue组件初识以及简单应用

vue组件初识以及简单应用1.组件特点：一组可复用的vue实例组件化和模块化的区别？
前端菜鸟-001·2024-01-30 18:17

前端VUE学习之初识vue-cli(脚手架)

一、了解vue-clivue-cli又称脚手架，说白了就是一个便捷开发项目的家伙，因为vue-cli可以自动构建出一个项目的骨架，以及配置一些复杂的webpack文件配置，在这里，如果深入了解过webpack
happy-p·2024-01-30 18:17

解决 vue-cli · Failed to download repo vuejs-templates/webpack 错误

创建一个vue项目步骤如下：先进入一个事先准备好的目录，比如demo目录，然后在目录中做初始化操作：$vueinitwebpackproject名注意：project名不能包含大写字母webpack参数是指这个项目将会在开发和完成阶段自动打包代码初始化可能会失败
走在路上的低级弟弟·2024-01-30 18:15
上一页 110 111 112 113 114 115 116 117 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他