vue中3种方法跳转界面使用 router-link 元素进行跳转 <router-link to="/example">Go to Example page</router-link>使用 this.$router.push 方法进行跳转 this.$router.push('/example');使用 this.$router.replace 方法
转载 2024-02-27 09:27:18
140阅读
1:npm install vue-clipboard2 --save 安装依赖 2:引用 import VueClipboard from 'vue-clipboard2' export default (app) => { app.use(VueClipboard) } 3:使用 doCopy( ...
转载 2021-09-13 14:44:00
200阅读
2评论
<script> export default { data () { return { loginForm: { username: 'admin', password: '123456' }, // 表单验证 loginFormRules: { username: [ { required: t
原创 2022-08-05 22:40:59
284阅读
Vue实现海报功能,通常会包括以下几个步骤:创建一个海报模板:通过 HTML 和 CSS 来构建一个海报模板。使用 canvas 或 html2canvas 截图:如果要生成图片,可以使用 canvas 或第三方库 html2canvas 将 HTML 内容转化为图片。添加用户自定义内容:可以让用户自定义海报的
原创 精选 9月前
256阅读
本来打算今天上午把这个案例写好的,结果上午昏昏欲睡,毫无动力,中午吃完饭就打王者荣耀,玩到下午三点多,队友不给力,自己又太坑实在太累了就睡了一觉,醒来到了六点了,我去!好了,废话少说。我先介绍下这个案例--效果:左侧输入一种语言,右侧选择要转换的语言,点击翻译就可以得到结果!是不是很神奇!当然博主这里仅仅罗列的七八种语言!效果图如下:  介绍详细的书写过程:1.搭建脚手架我不多
转载 3月前
408阅读
要在Vue.js中实现实时任务信息通知,你可以使用WebSocket来建立与服务器的通信,并在服务器端有新任务信息时向客户端发送通知。以下是一个简单的示例:首先,确保你已经安装了Vue.js并创建了一个Vue.js项目。安装WebSocket库。你可以使用websocket库或者其他类似的WebSocket库。如果使用npm,可以运行以下命令安装:npm install websocket创建We
原创 2024-03-12 09:24:55
167阅读
Vue是一个典型的MVVM框架,模型(Model)只是普通的JavaScript对象,修改它则视图(View)会自动更新。这种设计让状态管理变得非常简单而直观。那么Vue是如何把模型和视图建立起关联的呢?实现原理<div id="mvvm-app"> <input type="text" v-model="word"> <p>{{word}}&l
转载 2024-04-25 10:01:48
36阅读
最近项目中需要实现一个效果,需要在网页上录制音频,并上传给后台,后续还需要做语音识别处理。下面的表格罗列了我的前端项目中所使用的框架以及插件(本项目基于Vue):插件名称资源地址ElementUIhttps://element.eleme.cn/#/zh-CN/网页录音js插件(兼容主流浏览器,使用了感觉还可以的。IE?不存在的,一想到flash,恶心到吐了)https://github.com/
转载 2024-08-09 13:16:14
2745阅读
一、前言在广告机项目中,角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分,其中根据粒的大小分的更细:使用vue开发移动端管理后台接口访问的权限控制页面的权限控制菜单中的页面是否能被访问页面中的按钮(增、删、改)的权限控制是否显示下面我们就看一看是如何实现这些个权限控制的。二、接口访问的权限控制接口权限就是对用户的校验。正常来说,在用户登录时服务器需要给前台返回一个Token,
转载 2024-07-29 19:51:20
41阅读
最近公司新启动了个项目,用的是vue框架在做。趁着周末把项目中登录部分的实现总结下。一、在前后端分离的情况下,使用token做登录验证的思路大致如下:1、在第一次登录的时候前端调用后端的接口,把用户名和密码传给后端。2、后端收到请求,验证用户名和密码,验证成功后,返回给前端一个token值。3、前端收到后端传给的token值,将token存储在本地 loaclStorage和vuex中。(本次项目
转载 2024-01-08 16:57:16
313阅读
有时候急着学更多新知识会把最基础的遗忘,以前使用PHP那会还知道表单序列化,最近通过form获取里面所有name属性对应的控件值却把document.getElementById('表单Id').serializeArray()给遗忘了,通过遍历name属性去获取表单控件值-----勿忘初心需求:之前项目大都是后台进行最后的登录接入,现在用了vue需要前端自己通过实现登录页面,以博客登录为例,登录
转载 2024-08-08 16:39:40
272阅读
Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接,不过理解其工作原理同样重要,这样你可以避开一些常见的问题。----官方文档引言Vue的数据双向绑定,响应式原理,其实就是通过Object.defineProperty()结合发布者订阅者模式来实现的。Observer 通过Object.
转载 2023-08-24 14:33:15
100阅读
VUE框架实现JS实现效果传值------VUE框架
原创 2024-06-07 14:46:06
55阅读
之前的文件下载功能一般是由前后端配合实现,由于项目需要,纯前端实现了一把excel的导出功能:一、excel导出1.安装依赖库xlsx:这是一个功能强大的excel处理库,但是上手难度也很大,还涉及不少二进制的东西file-saver:ES5新增了相关file,blob,fileList等API,但不是所有浏览器都支持,file-saver在没有原生支持saveAs的浏览器上实现了saveAs()
转载 2023-06-04 21:02:45
347阅读
首先,我们先下载安装路由(模块化)npm i vue-router -s接着在启动文件中启用该路由(配置路由规则)“../pages/DmMyself”是我的路径,大家自行修改你们的路径import Vue from 'vue' import Router from 'vue-router' import DmMyself from '../pages/DmMy...
原创 2021-06-09 10:00:32
451阅读
MVVM框架的三要素:数据响应式、模板引擎及其渲染数据响应式:数据变化并在视图中更新Object.def
原创 2022-03-25 15:40:14
147阅读
重学Vue源码,根据黄轶大佬的vue技术揭秘,逐个过一遍,巩固一下vue源码知识点,毕竟嚼碎了才是自己的正文本篇过一下 Vue 的实例挂载,也就是 ​​vm.$mount​​ 都做了什么事情。打开 ​​src/platforms/web/entry-runtime-with-compiler.js​​​ 可以看到有一个 ​​Vue.prototype.$mount​​ 方法:const idToT
原创 2022-04-19 09:49:44
441阅读
VUE移动端音乐APP1.项目准备【音乐App】—— Vue-music 项目学习笔记:项目准备 前言: 学习慕课网Vue高级实战课程后,在实践中总结一些这个项目带给自己的收获,希望可以再次巩固关于Vue开发的知识。这一篇主要梳理:项目概况、项目准备、页面骨架搭建。项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star。一、项目概况项目目
转载 2024-07-20 07:29:25
85阅读
技术栈vuevue-cliweixin-js-sdk (微信jsSdk)微信支付术语微信jsSdk需要提前初始化完成初始化加密参数需要通过后端计算后返回给前端初始化url为在微信支付配置的前端url. (产品中心 => 开发配置 => JSAPI支付 => 支付授权目录添加)支付流程前端需要的核心操作, 总共分为以下几步:请求后端接口,获取初始化所需参数(包含加密结果)。初始化微
转载 2024-05-13 20:54:34
59阅读
一、虚拟环境1.1 安装虚拟环境# 创建虚拟环境文件夹 d:\>mkdir virtualenv d:\>cd virtualenv d:\virtualenv>pip install virtualenv # 虚拟环境-p指向python解释器,创建文件夹env-py3.6 d:\virtualenv>virtualenv -p D:\学习\编程\Python\pyth
转载 2024-07-04 16:08:32
130阅读
  • 1
  • 2
  • 3
  • 4
  • 5