我们在项目中头疼的是什么？对，你没有听错，就是表单验证，各种非空校验，正则校验等等而初次使用element-ui，在做表单验证的时候，由于项目急，自己呢，也没有时间去研究这个，结果比别人多写了500行的js，有木有很夸张，所以，这个项目结束了，自己呢，去研究了下rules的神奇之处若有不足，请指出来，谢谢大佬们<template><div class=&q

项目中有下拉框，需求：获取焦点，可以让用户选择，也可以让用户在输入框中输入，实现模糊搜索，也可以多选。因为使用element-ui，所以就使用了select的高级用法，需求如下图所示我们以代码的形式进行呈现<template><div class="short-visit"><el-form :model=&

正常我们用vue-cli开发项目，可选择的插件很多，例如vux、iview、element-ui等等今天说下element-ui的安装以及使用命令行安装：npm i element-ui -S然后在main的js中引入以及注册就可以使用了（全局注册）import ElementUI from 'element-ui'import 'element-ui/lib/theme-default/ind.

项目中有如下需求：可以添加一个列表 => 添加弹框 => 里面可以添加多个产品（产品里面可以添加多个对接人跟政策），所以数据结构应该如下ruleForm: {companyName: '', // 公司名称financialProduct: [// 产品数组{produc...

前端跨域很常见，最近用vue做项目，用webpack中的代理跨域proxyTable解决，非常完美。所以进行总结一下，避免自己遇到类似的问题。我们先找到项目中的config目录下面的index.js，如下图所示然后在index.js中写入下面的代码，进行代理处理module.exports = {dev: {proxyTable: {'/getClubItems': ...

项目中用任务得金币的功能，用户通过转发分享，被分享的用户登录并且浏览后，分享的用户能得到相应的金币，并且点击不同的列表，分享的path，title，以及图片也是不一样的，引发的问题，我在onShareAppMessage回调函数中拿不到数据原生小程序可通过一下方法进行解决<button open-type="share" class="share_btn

vue2.0中的模板有三种写法,根据不同的需求运用不同的方法来实现1.html lang="en">head>meta charset="UTF-8">meta name="viewport"content="width=device-width, initial-scale=1.0">meta http-equiv="X-UA-Compatible"c

正常我们用vue-cli开发项目，可选择的插件很多，例如vux、iview、element-ui等等今天说下element-ui的安装以及使用命令行安装：npm i element-ui -S然后在main的js中引入以及注册就可以使用了（全局注册）import ElementUI from 'element-ui'import 'element-ui/lib/theme-default/ind.

vue2.x的全局挂载方法为如何所示：import Vue from "vue";import Echarts from "echarts";Vue.prototype.$echarts = Echarts;new Vue({router,store,render: (h) => h(App),}).$mount("#app");使用的时候如下this.$echarts.xxx()vue3.

vue2.0可以使用this，如果配合element的form表单的话，会比较方便，至于写这次的笔记是因为，3.0使用setup()以后不存在this，里面的model以及rules校验，最后的提交都跟之前有所不同，故有此文章。vue2.0配合element的代码如下<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-