后端开发学习Vue(一)

  • Post author:
  • Post category:vue

Vue的介绍 官网: https://cn.vuejs.org/ Vue是一个简单容易上手前端框架 例如:下面的代码可以快速构建一个表格: <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180">…

继续阅读 后端开发学习Vue(一)

关于vue3.0组件传值报错 无关的非emits事件侦听器(“XXX“)已传递给组件,但无法自动继承,因为组件呈现片段或文本根节点。如果监听器仅是组件自定义事件监听器,请使用“emits”选项声明它

  • Post author:
  • Post category:vue

无关的非emits事件侦听器(“XXX”)已传递给组件,但无法自动继承,因为组件呈现片段或文本根节点。如果监听器仅是组件自定义事件监听器,请使用“emits”选项声明它 关于vue3.0组件传值报错 无关的非emits事件侦听器(“XXX”)已传递给组件,但无法自动继承,因为组件呈现片段或文本根节点。如果监听器仅是组件自定义事件监听器,请使用“emits”选项声明它 直接上代码!! 只需要 加上 …

继续阅读 关于vue3.0组件传值报错 无关的非emits事件侦听器(“XXX“)已传递给组件,但无法自动继承,因为组件呈现片段或文本根节点。如果监听器仅是组件自定义事件监听器,请使用“emits”选项声明它

vue 项目 api 统一管理

  • Post author:
  • Post category:vue

因为项目迁移所以进行api统一管理 api 文件夹下 index.js import request from '@/lib/request.js' import product from './product.js' function ajax (params, options = {}) { if (params) { if (options.method === 'post') { if (…

继续阅读 vue 项目 api 统一管理

setTimeout在vue中的正确使用

  • Post author:
  • Post category:vue

笔者最近因为公司需求开发使用vue和jquery开发抓娃娃H5极简小游戏,使用到setTimeout函数。遇到了1个坑: 在vue的某个方法(点击后执行) setTimeout(this.end(),4000);//娃娃消失 这里奇怪的是,end方法的确被执行了。但是没有执行4s后执行的效果。那我要你合用呢!其实,问题还是出在笔者身上,大家请看下图 setTimeout的定义和用法。 问题出在我的…

继续阅读 setTimeout在vue中的正确使用

vue普通加密以及国密SM2、SM3、sm4的使用

  • Post author:
  • Post category:vue

相关网址 sm-crypto:https://www.npmjs.com/package/sm-crypto 介绍 1. SM2是非对称加密算法 它是基于椭圆曲线密码的公钥密码算法标准,其秘钥长度256bit,包含数字签名、密钥交换和公钥加密,用于替换RSA/DH/ECDSA/ECDH等国际算法。可以满足电子认证服务系统等应用需求,由国家密码管理局于2010年12月17号发布。 2.SM3是一种密…

继续阅读 vue普通加密以及国密SM2、SM3、sm4的使用

vscode vue 里的less代码识别不了

  • Post author:
  • Post category:vue

1.查看vscode 里插件是否安装vetur,如果没有插件库里搜索vetur,点击install按钮,显示uninstall就说明安装好了; 2.如果还是识别不了less代码,在file-->Preferences-->Settings 找到vetur 拉倒最下面点击Edit in settings.json 添加一行代码: "files.associations": { "*.vu…

继续阅读 vscode vue 里的less代码识别不了

vue的特点

  • Post author:
  • Post category:vue

vue的特点 1、采用组件化模式,提高代码复用率、且让代码更好维护 2、声明式编码,让编码人员无需直接操作DOM,提高开发效率 (命令式编码)说一下动一下 3、使用虚拟DOM+优秀Diff的算法,尽量复用DOM节点 初识vue: 1、想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象; 2、root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法; 3、root容器里…

继续阅读 vue的特点

Vuecli3+express实现跨域

  • Post author:
  • Post category:vue

目录 一,本地跨域 二,线上跨域 一,本地跨域 首先,本地服务器地址开放的是3000端口,云服务器上开发的是4000端口,项目线上访问端口为9899,如下: 由于本地项目默认为8080端口,所以访问本地项目地址为: http://localhost:8080 这里线上开放的项目访问端口是9899,云服务器公网ip为:120.76.197.111,因此线上项目访问地址为: http://120.76…

继续阅读 Vuecli3+express实现跨域

VUE input双向绑定失效问题

  • Post author:
  • Post category:vue

input双向绑定失效问题 更改之前的代码块,要求只能输入0-9和:, 所以在切换输入法时会导致input框失效, <el-input :placeholder="placeholder" v-model="timeValue" @focus="onFocus($event)" @blur="onBlur" oninput="value=value.replace(/[^\d:]/g,'')…

继续阅读 VUE input双向绑定失效问题

Vue+Element UI 下,如何给一个表单设置自定义规则或多个验证规则(:rules)

  • Post author:
  • Post category:vue

依旧是公司里那个Vue+Element UI的项目。今天遇到了一个新的问题:表单中某个选择器的值不同,控制着下面表单内容是否显示。放图: 大概就是这个样子。由后台返回的“发放方式”的数值,控制下面几个input框是否显示。这个实现比较简单,只需要把下面几个框用一个<dev>包裹起来,加上一个v-show=""的判断条件即可,但它们的表单验证让我为难了,因为只看Element UI官网给…

继续阅读 Vue+Element UI 下,如何给一个表单设置自定义规则或多个验证规则(:rules)