vue
vue2
先不要想收获,扎实
你的孤独,虽败犹荣
展开
-
vue 项目内vue指令常用
ref 写在标签上时:this.$refs.名字 获取的是标签对应的dom元素ref 写在组件上时:这时候获取到的是 子组件(比如counter)的引用获取组件上ref获取标签上ref代码是工程组件化components-config.jspersonal-auth-form.vue原创 2022-10-21 11:01:56 · 656 阅读 · 1 评论 -
错误页面 401 404 500
错误页面 401 404 500。原创 2022-08-17 11:07:01 · 143 阅读 · 0 评论 -
vue通信问题
vue 组件通信 错误问题原创 2022-06-23 10:54:02 · 187 阅读 · 0 评论 -
日记 2022-5-4(vue技术图片64)
自身夯实:登录功能:iview/element ui 表单校验,验证登录,flex布局 , vuex信息获取与存储,样式穿透<Form action ref="formInline" :model="formInline" :rules="ruleInline"> <FormItem prop="ID"> <Input type="text" v-model="formInline.ID" placeholder="账号"> <img src="../原创 2022-05-04 17:26:57 · 1424 阅读 · 0 评论 -
短信验证码倒计时(获取短信是后端返回验证码)
需求:点击获取验证码按钮后开始计时,秒数为0结束<view class="cu-form-group margin-top shadow-warp" :class="[shape=='round'?'round':'']"> <view class="title"><text class="cuIcon-lock margin-right-xs"></text>验证码:</view> <input class="uni-input" p原创 2021-12-24 10:11:21 · 281 阅读 · 0 评论 -
计算属性computed使用
计算属性:当计算属性内绑定的值改变了,内部set会自动计算改变的值(想当与这里的phoneNo)当手机号输入超过4位数字即显示获取验证码的按钮,否则禁用<view class="cu-form-group margin-top shadow-warp" :class="[shape=='round'?'round':'']"> <view class="title"><text class="cuIcon-mobile margin-right-xs"></原创 2021-12-23 16:26:55 · 553 阅读 · 0 评论 -
上传文件fetch,post
<el-upload action="#" :http-request="FJ_Upload" :limit="3" :file-list="fileList"> <el-button size="small" type="primary">点击上传</el-button> </el-upload&...原创 2021-12-15 11:13:54 · 2785 阅读 · 0 评论 -
前端 使用 md5加密 token uuid
安装md5包:npm install js-md5 -s快速配置import md5 from 'js-md5'Vue.prototype.$md5 = md5使用this.$md5('需要加密的内容')实例data() { return { user_account: "", userpwd: "", radio: "user", }; }, methods: { // 登录 submit() {原创 2021-11-30 10:10:52 · 1262 阅读 · 0 评论 -
vue iview 创建群聊组件
<!-- 添加 弹窗 --> <Modal v-model="ifaddSearchPop" draggable sticky scrollable @on-cancel="cancelInfo" @on-ok="addGroup" :mask="false" width="400" title="新建群聊" > <div class=...原创 2021-11-24 16:51:06 · 603 阅读 · 0 评论 -
img图片src的引入
场景在普通适合可以引用本地的图片路径,但是循环使用就可能遇到问题普通使用<img src="../../image/creatHY.png" alt="">本次使用环境是vue,在循环中使用html<div class="body-box"> <div class="img-item" v-for="(item,index) in imgList" :key="index"> <img :src="item.原创 2021-07-02 14:16:45 · 2496 阅读 · 0 评论 -
解决跨域CROS
方法一:–disable-web-security --user-data-dir=“c:\ChromeDebug”右键点击桌面谷歌,打开文件位置,找到chrome.exe,右键点击 发送到 ,桌面快捷方式当桌面又有一个谷歌的图标时,右键点击,属性,在目标位置将–disable-web-security --user-data-dir=“c:\ChromeDebug”在后面复制上去...原创 2021-05-21 14:10:51 · 142 阅读 · 0 评论 -
文件下载
上代码:utils => index.jsimport qs from 'qs';export const File = (url,api,token, params) => {//下载文件 document.body.appendChild((() => { let iframe = document.createElement('iframe'); iframe.style.display = 'none' delete原创 2021-01-04 20:24:32 · 109 阅读 · 0 评论 -
简单图形验证码
uni-app<template> <view class="register"> <view class="content"> <!-- 注册input主体 --> <view class="main"> <view class="canvas-img-code" @click="refresh()"> <canvas :style="{width:width+'px',height:hei原创 2020-12-17 15:50:28 · 398 阅读 · 0 评论 -
js 浅拷贝与深拷贝
js分为基础变量和引用变量基础变量(按值存放,存栈内)Undefined,Null , boolean , Number , String引用变量(按存储位置与值,存在堆内) Array, Function,ObjectJavaScript存储对象都是存地址的,所以浅拷贝会导致 obj1 和obj2 指向同一块内存地址。改变了其中一方的内容,都是在原来的内存上做修改会导致拷贝对象和源对象都发生改变,而深拷贝是开辟一块新的内存地址,将原对象的各个属性逐个复制进去。对拷贝对象和源对象各自的操作互不影响。原创 2020-12-17 11:41:53 · 109 阅读 · 0 评论 -
vue表单内部修改slot用法
上代码: <div class="content-table"> <Table border :columns="columns" :data="dataList" :height="tableHeight" ref="table"> <template slot-scope="{ row }" slot="operation"> <Button type="primary" @click="detail(row)">详细<原创 2020-11-27 11:00:13 · 1562 阅读 · 0 评论 -
$emit 与 $on的共用
$on由$emit抛出由$on接收水库系统,防汛物资 stavm.$emit("fxwz", { rpsa: index, prsc: scale, lvl: row.lvl, row: row });list页面getParamsData() { let _this = this; _this.reset(); vm.$on('fxwz', data => { if (data.rpsa) {原创 2020-09-29 17:06:46 · 162 阅读 · 0 评论 -
Vue2与Vu3组件通信方式总结
父级使用子级数据,一定要在引用的组件上面使用 :xxx,父子通信(props) @xxx,接收子组件数据(emit)我常常忘记子组件:props $emit 父组件::xxx,父子通信(props) @xxx,接收子组件数据(emit)props:props: {ZXROW: {type: Object,default () {return {};}},emit:this.emit:this.emit:this.emit(‘GJCX_son’, th原创 2020-06-01 11:42:39 · 269 阅读 · 0 评论