vue
Osborn521
把梦想变成现实
展开
-
Vue.js devtool插件下载安装及后续问题解决
下载在中国,你是无法使用谷歌应用商店,所以你下载插件,要使用一些别的手段,一种是下载源码编译,另一种是通过第三方网站。第一种不适合小白,所以现在介绍第二组。下载插件网站国外网站:https://www.crx4chrome.com/国内网站:http://www.cnplugins.com/建议使用第一个网址,插件与应用商店同步更新,打开网站后,搜索“Vue.js devtoo...原创 2018-07-19 09:56:43 · 1079 阅读 · 0 评论 -
element 根据条件加必填验证
<el-form-item label="所属项目:" prop="projectId":required="!dlgoptionprojectDisabled"class="nomarbottom"><el-selectclass="filter-item"v-model="dlglistQuery.projectId"p原创 2019-03-17 07:26:43 · 4320 阅读 · 0 评论 -
vuex store 缓存存储原理
vuex 的设计是将数据存在一个对象树的变量中,我们的应用(vue应用)从这个变量中取数据,然后供应用使用,当将当前页面关闭, vuex 中的变量会随着消失,重新打开页面的时候,需要重新生成。 而,浏览器缓存(cookie,localstorage等)是将数据存到浏览器的某个地方,关闭页面,不会自动清空这些数据,当再次打开这个页面时,还是能取到之前存在浏览器上的数据(cookie,localst...原创 2019-02-13 11:04:55 · 11244 阅读 · 0 评论 -
vue.js项目搭建搭建(一)
1.安装node.js3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架在cmd里 1)输入:npm install -g vue-cli,回车,等待安装... 2).输入:vue,回车,若出现vue信息说明表示成功(注:如果不没有成功显示提示信息,找到安装目录,修改环境变量的path) 3.创建项目在cmd里输入:vue init...原创 2019-02-27 16:48:08 · 163 阅读 · 0 评论 -
vue javascript 前端数组对象去重
this.unique(this.dataList)unique(arr) { const res = new Map(); return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1))},var m = new Map(); // 空Mapm.set('Adam', 67); /...原创 2018-12-04 11:38:31 · 3271 阅读 · 0 评论 -
Vue 子组件调用父组件的方法
第一步: 父组件在子组件上注册方法<customer-Avatar ref="customerAvatar" @customerchangeflag='customerchangeflag'></customer-Avatar>第二步 : 子组件里设置何时调用方法将此方法写在要调用父组件方法的地方1.不传参数的写法 this.$emit("customerc...原创 2018-11-08 14:40:23 · 162 阅读 · 0 评论 -
elementUI自定义验证表单校验
1.表单名称 ref=”idname”2.表单绑定 :rules=rules3.el-form-item prop属性4.验证方法方法提交方法:confirm(formName){ this.$refs[formName].validate((valid) => { if (valid) { console.log('succe...原创 2018-11-13 18:19:19 · 747 阅读 · 0 评论 -
vue v-if v-else-if v-else 条件渲染
例1 <div v-if="Math.random() > 0.5"> Now you see me </div> <div v-else> Now you don't </div> <div v-if="num==10">原创 2018-11-13 17:55:00 · 2957 阅读 · 0 评论 -
vue scope 升级 slot-scope
Emitted value instead of an instance of Error) the "scope" attribute for scoped slots have been deprecated and replaced by "slot-scope" since 2.5. The new "slot-scope" attribute can also be used on pl...原创 2018-11-01 10:52:24 · 951 阅读 · 0 评论 -
vue用i18n实现多语言支持(国际化)
vue-i18n是用于多语言适配的vue插件,主要用于前端项目的国际化应用。个简单的例子:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>getting started</title> <script原创 2018-10-10 13:45:12 · 4318 阅读 · 0 评论 -
vue-element-ui组件 layout布局(网格系统)
首先你要掌握的基础知识:.row 行概念 <el-row></el-row> .col 列概念 <el-col></el-col> col组件的:span属性的布局调整,一共分为24栏: 代码示例: <el-row> <el-col :span="24">转载 2018-08-22 15:24:55 · 41950 阅读 · 4 评论 -
ES6语法=>箭头函数
1.箭头函数原创 2019-07-22 16:42:49 · 547 阅读 · 0 评论