#vue组件传值

vue中v-model和v-bind区别

    绑定数据三种方式:    >> 插值,也就是{{name}}的形式,以文本的形式和实例data中对应的属性进行绑定    >>v-bind: 可以传给 v-bind:class 一个对象,简写为class:     单向变动:当加上v-bind:之...
开发笔记 ·2023-03-31

vue组件通信 vue bus方面的总结

vuebus通常使用在兄弟与兄弟组件之间然后在组件中,可以使用emit on, $off分别来分发,监听,取消监听事件 这里的$off可以取消多次使用$bus监听的事件使用用法1:引入vueimportVuefrom'vue'2:在main.js中引入vuebusimportBusfrom...

vue.js 打包时出现空白页和路径错误

vue-cli输入命令:npm run build即可打包vue.js的项目 打包出来后项目中就会多了一个文件夹dist,下图为我们打包过后的项目 我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js路径引用错误的问题。解决:到...

vue 生产环境build打包出现空白页面的解决方法

vue生产环境build打包出现空白页面的解决方法:如果出现:webpackjsonpisnotdefined因为公共文件必须在引用js之前引用。只需要在build文件下webpack-prod-conf.js找到htmlwebpackPlugin添加chunks:['manifest','ve...

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

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

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

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

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

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

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

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

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...

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

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

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

STEP7-Mirco/WIN窗口组件使用介绍

 西门子S7-200可编程控制器PLC使用STEP7-Micro/WIN32编程软件进行编程。STEP7-Micro/WIN32编程软件是基于Windows的应用软件,功能强大,主要用于开发程序,也可用于适时监控用户程序的执行状态。加上汉化后的程序,可在全汉化的界面下进行操作。STEP7-Micro/WIN3...

Flutter有状态组件使用详解

flutter主要有分有状态组件StatefulWidget和无状态组件StatelessWidget,前面我们使用到的都是无状态组件,没有让页面上的内容发生变化,当我们有需要对页面的内容进行动态修改的时候,如果我们使用无状态组件,页面上的内容就不会被更新,这时需要用到有状态组件。有状态组件就是继承了StatefulW...
首页上一页12345...下一页尾页