vue
清清楚楚的清楚
明明是PHPer,却一直在写vue的程序媛
展开
-
el-transfer点击左边的选项直接出现在右边
想要的效果:当选择左侧栏里面的选项时,不需要点击中间选择按钮,直接实现选项跑到右侧栏中查阅文档后我发现官方给了几个事件:然后我通过绑定左侧点击事件实现了我想要的效果,直接上代码: <el-transfer v-model="ruleForm.reserveIdList" ref="reserve" //这块必须有 @left-check-change="handleChange" :data="transferDat原创 2022-02-07 10:31:44 · 2731 阅读 · 1 评论 -
vue3安装marzipano展示一张360全景图片
最近开发项目需要类似家装一样的功能,直接去展示一张360全景图片,最后查找资料选择使用marzipano,相关文档实在太少了,中文的更少,现在功能已经实现了,现在分享给大家,最终实现的效果图如下:github写了一个项目,如果本篇有什么不清晰的可以下载运行看一下,项目地址:git地址关于vue的安装,这里不做详细讲解,网上很多教程,直接从安装marzipano开始npm install marzipano然后是html部分<div> <div id="pano"原创 2021-12-16 11:02:12 · 1955 阅读 · 3 评论 -
vue表格中循环多个el-upload点击时传参
在表格中循环了多个el-upload,然后点击的时候,根据当前数据的id上传文件,那么怎么获取id成了一个问题,记录一下找到解决方法<el-upload style="display: inline-block;margin-right: 10px" action="string" accept=".pdf,.PDF" :show-file-list="false" :http-request="(s原创 2021-08-19 18:26:50 · 2150 阅读 · 0 评论 -
vue和PHP实现ECB加解密
PHP端/****$data 要加解密的字符串*$operation 传参为true的时候表示解密,否则为加密*$code 为加解密的加秘钥(自己定义与vue保持一致)*/function secret($data,$code, $operation = false) { if ($operation){ //解密 if (empty($data)) return false; $data原创 2021-07-29 18:31:32 · 781 阅读 · 0 评论 -
Vue的route-view子页面调用父页面的函数
最近写项目的时候,有一个模块需要刷新父页面最新后台数据,然后再进行操作,查询很多资料搞不懂怎么调用的,现在解决了,做个记录vue版本为2.6父页面template代码<router-view v-on:getUser="getUser" :infoArray="infoArray"></router-view>父页面函数代码//data是子页面传过来的参数,如果不需要就不写getUser(data){ this.infoArray= 123;},子页面的代原创 2021-06-01 15:22:37 · 1721 阅读 · 0 评论 -
elementUI使用tree报错Cannot read property ‘setCheckedKeys‘ of undefined“
报错是因为dom还没有加载完,就已经赋值了,所以才会报错的解决方案:this.$nextTick(() => { this.$refs.tree.setCheckedKeys('要赋值的数组')});附:因为我的tree是写在弹窗中的,如果弹窗不出现的话,dom也是没有加载的状态,所以要把弹窗出现写在前面,解决方案写在后面,才是万全之策。...原创 2021-05-10 10:12:03 · 1640 阅读 · 1 评论 -
Module parse failed: Unexpected token (2099:12) You may need an appropriate
最近在用vue写中英文的切换,结果在安装vue-i18n之后,在main.js中import引入的时候报错Module parse failed: Unexpected token (2099:12) You may need an appropriate loader to handle this file查询了太多资料一直搞不清楚到底是什么的问题,后来在github上下载了一个demo后对比发现了问题所在package.json文件中的设置而我之前npm安装的时候装到了DevDependen原创 2021-04-13 15:38:51 · 3994 阅读 · 0 评论 -
vue循环一个form中多个输入框的表单验证问题
最近写项目的时候需要写一个如下样式的form然后发现表单验证搞不定,查了许多资料之后解决了问题,顺便把一个form里多个input框的问题都解决了,这里记录一下。<template> <div class="hello"> <el-row> <el-form :model="ruleForm" label-width="140px" :rules="rules1" class="registerForm" si原创 2020-12-24 16:46:20 · 2088 阅读 · 1 评论