Vue主题的文章列表，还有Vue的技术要点_第2页

前端Vue中使用crypto-js对数据进行加密，后端php解密

使用前后端分离技术，前端采用Vue，后端使用php，在开发过程中因某些数据需要进行加密与解密，我们采用前端插件crypto-js应用于项目中。安装crypto-jsnpminstallcrypto-js在Vue项目中编写前端加密工具类/tools/crypto.js/**crypto.js**///npminstall...

开发笔记 ·2023-03-13

vue手动触发事件实现的方法是什么

1.首先，在vue-cli中创建一个vue.js项目；vuecreateproject-name2.vue.js项目创建好后，在项目中使用@click.native属性绑定一个点击事件；<aclass="link"@click.native="test">点击事件</a>3.事件绑定好后，添加一...

开发笔记 ·2023-03-13

vue3 使用v-model父传子并修改传值

vue3使用v-model替代vue2的v-bind.sync父使用v-model传值给子，这里的v-model本质上是:modelValue=“值”，@update:modelValue="值=$event"这二者的缩写<template><div>...

开发笔记 ·2023-03-06

vue怎么导入excel文件和多个sheets

这篇文章主要介绍了vue怎么导入excel文件和多个sheets的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇vue怎么导入excel文件和多个sheets文章都会有所收获，下面我们一起来看看吧。html导入按钮和选择文件的弹框 <el-button v-waves :lo...

开发笔记 ·2023-03-02

Vue 首屏优化

步骤1：查 npmrunbuild--report analyzer工具步骤2：减1.固定模板，index引入cdn：vue.js、router.js、mintUI等第三放工具；其次，在webpack中配置externals externals:{ 'vue':'Vue', 'mint-ui':'MINT'...

代码星球 ·2023-02-26

vue组件传递和vuex状态管理

状态管理：Conststore=Newvuex.store({State:{mssAlert:{Show:false,Msg:'xxx'},ErrorBox:{Show:false,Msg:'sssss'},showMenu:false,Count:1….},Getters:{//类似 vue的compute,监听st...

代码星球 ·2023-02-26

Vue 动态添加路由及生成菜单

不同角色有不同的权限，这时如果管理平台的菜单定义在代码里，显然是不能满足上面的需求，我们就需要后台提供用户菜单，然后前台动态生成路由。1动态添加路由利用vue-router的addRoutes方法可以动态添加路由。请求接口返回菜单格式如下[{"id":"1332194352530083842","pid":"13318...

开发笔记 ·2023-02-02

Vue中watch的详细用法

vue是数据双向绑定，当页面数据发生变化时，我们通过watch可以拿到变化前和变化后的值，之后做一系列操作，下面我们通过例子来解释。1.监听单个值变化<template><div><el-inputv-model="demo"></el-input><div>...

开发笔记 ·2023-02-02

vue的hover事件

使用Vue来实现鼠标悬停效果。可以使用事件处理器v-on指令（简写为：@）来完成。为标签绑定mouseenter以及mouseleave事件即可。<template><div><ul><templatev-for="(item)initems"><li@mouseo...

开发笔记 ·2022-11-17

vue项目中使用v-if判断数组长度length报错

Error in render: "TypeError:Cannotreadproperty'length'ofundefined"解决方法：shopListData.attrs!==undefined&&shopListData.att...

开发笔记 ·2022-05-23

vue深度监听对象

watch:{picker:{//为对象名handler(){//对象内数据变化会执行此方法document.getElementById('nowColor').style.color=this.picker.color},deep:true//深度监听申明字段}} ...

开发笔记 ·2022-05-19

Vue过滤器的使用

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>vue过滤器</title></head><body><divid='app'><h1>{{...

开发笔记 ·2022-05-11

jQuery和Vue操作select示例

jQuery操作select示例<divid="example"><selectid="select1"></select><pid="p1">Result:</p></div><script>$(document).ready(fun...

开发笔记 ·2022-04-22

vue导航条怎样去掉#

VUE默认是hash浏览模式，换成history可以去掉#exportdefaultnewRouter({mode:'history',routes:[]}） ...

开发笔记 ·2021-04-26

Vue（5）- axios、vuex

一、内容回顾1、webpack（前端中工作，项目上线之前对整个前端项目优化）　　-entry：整个项目的程序入口（main.js或index.js）；　　-output：输出的出口；　　-loader：加载器，对es6代码的解析，babel-loader（官网：https://www.babeljs.cn/）是浏览器支...

代码星球 ·2021-02-25