-
Vue组件之间的方法调用
组件之间的方法调用包括:一、子组件调用父组件的方法二、父组件调用子组件的方法下面来详细学习三种组件之间的方法调用。一、子组件调用父组件的方法子组件调用父组件时需要先访问父组件实例,Vue.js中提供了$parentproperty供子组件访问父组件的实例。$parent是指组件树的根实例,如果组件没有根实例则表示它自己。通过$parent既可以方法父组件的方法和属性,又可以修改父组件的方法和属性。… -
vue 监听网页关闭/浏览器关闭事件
1.methods中定义窗口关闭/浏览器关闭之后处理内容,例如删除cookie、session、localstorage等methods:{beforeunloadHandler(e){console.log('关闭窗口之后')}}2.mounted绑定窗口关闭监听事件mounted(){window.addEventListener('beforeunload',e=>this.beforeun… -
vue 数据赋值给新变量后,原数据也随新变量对数据的变化而变化
vue数据赋值给新变量后,原数据也随新变量对数据的变化而变化//错误写法将污染源数据,将改变list1的数据,例如:letlist=this.list1//正确写法:letlist=JSON.parse(JSON.stringify(this.list1));备注:JSON.stringify()方法用于将对象转换为JSON字符串。JSON.parse()方法将JSON字符串转换为对象。 -
Websocket 数据传输大小问题解决思路
经过爬坑发现websocket数据传输是有大小限制的,不能超过128k而超过128k则需要进行切片处理,添加标识进行多次传输一、所以先将数据转换为16进制,判断大小,然后进行切片传输服务端根据标识判断是否需要重组字符串转16进制二、经过实践发现还可以转成Base64,再进行切片处理 -
vue项目实现记住密码功能
1.在向后台提交登陆信息成功后,判断用户是否勾选记住密码,如果勾选,将账号,密码以及token(需要封装拦截器)储存在cookie中,如果没勾选,向cookie中存入账号和密码字段为空2.密码需要加密,目前加密方式有很多种sha1,base64和md5等,我采用的是base643.npm安装base64依赖://安装npminstall--savejs-base64//引入constBase64=… -
Vue 删除对象中的某个元素
一般情况下在项目全局引用了Vue就可以在组件下面使用this即可,注意Vue.$delete(target,'object')方法第二个参数是字符串[也就是我们要删除的元素名]data(){return{objData:{username:'',age:"",sex:0,level:1},}}methods:{deleteFitle(){this.$delete(this.form,'level'… -
vue权限管理---按钮权限
//创建premission.js文件importVuefrom'vue'importstorefrom'../store/index.js'//自定义指令,用来控制按钮权限Vue.directive('permission',{inserted(el,binding){//当前按钮传递的值(v-permission="'add'"中的值)constcurrentTag=binding.value… -
element-ui根据表格数据的值,设置单元格的颜色
需求:对表格中为0的单元格进行标红处理解决:cell-class-namehtml:Js://methodscellClassName({row,column,rowIndex,columnIndex}){if((column.property=='pack_dj'||column.property=='pack_sl'||column.property=='pack_order_sl')&&ro…