前端潮流技术vue
通过使用vue可以减少,对dom元素的操作,方便快捷
峰峰崛起的我
欢迎大家点赞关注评论,多多交流,相互促进,动动大家发财的小手点点关注。。。。。
展开
-
使用reduce去除数组中重复对象
使用reduce去除数组中重复对象使用reduce去除数组中的重复数据,亲测可用:var data = [ {"userId":"dFum4RT6","position":"java开发"},{"userId":"hFXm4RT6","position":"java开发"},{"userId":"kFom4RT6","position":"java开发"},{"userId":"cFXm4RT6","position":"java开发"},{"userId":"hFXm4RT6","原创 2020-11-16 13:00:57 · 773 阅读 · 0 评论 -
vue中如何解决赋值input框中的值,使得无法修改input框中的值
vue中如何解决赋值input框中的值,使得无法修改input框中的值1.通过this.$set(e,'num',0)来设置input框中的值。我这是表格中插入input框修改表格中数据this.tableNew.forEach(e=>{this.$set(e,'profitPrice',0)})注释:第一个参数是哪一行数据,第二个参数是哪个元素,第三个参数是需要赋值的值。...原创 2020-10-30 10:02:01 · 4906 阅读 · 0 评论 -
vue3.0新增了哪些功能
vue3.0新增功能1.关于安装Vue CLI 的包名称由 vue-cli 改成了 @vue/clinpm install -g @vue/cli安装完成之后查看版本号vue --version出现版本号就意味着成功2.项目创建关于项目创建,除了命令创建3.x还增加了图形化界面创建以及管理vue项目在创建新项目时还可以混合选用多种集成TypeScript...原创 2019-12-04 13:19:51 · 2432 阅读 · 0 评论 -
vue+element表格的拖拽
vue+element表格的拖拽<template> <div style="width:800px"> <el-table :data="tableData" border row-key="id" align="left"> <el-table-column v-for="(item, ...原创 2019-12-02 11:36:33 · 1384 阅读 · 11 评论 -
Vue组件
Vue.js组件组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树:1.components(组件)文件下的Navigation.vue代码如下:&lt;template&gt; &lt;div&gt; ...原创 2019-03-04 21:30:20 · 298 阅读 · 0 评论 -
Vue-router(Vue中路由基础详解)
Vue-router(Vue中路由基础详解)安装1.直接引入&lt;script src="vue.js"&gt;&lt;/script&gt;&lt;script src="vue-router.js"&gt;&lt;/script&gt;vue-router下载链接https://unpkg.原创 2019-03-04 20:53:15 · 464 阅读 · 0 评论 -
Vue 中UI框架 Element 脚手架
Vue组件库Element脚手架入门教程1.Element官网地址:http://element-cn.eleme.io/#/zh-CN2.Element 脚手架 代码git地址:https://github.com/ElementUI/element-starter.git下载完成后,进入element-starter目录首先文档上写明了需要安装yarnnpm install -g...原创 2019-03-04 13:58:47 · 2158 阅读 · 0 评论 -
Vue中接口的调用
Vue中接口的调用1.main.js中代码// 调接口相当于ajaximport axios from 'axios'Vue.prototype.$axios = axios2.webpack.config.js文件中代码target: 'http://www.xm-fighting.com:8090/'target中的对应路径改为自己需要调用接口地址,到端口号之前3.logi...原创 2019-03-04 21:13:41 · 31423 阅读 · 0 评论 -
Vue使用NProgress
NProgress页面跳转是顶部出现进度条效果图如下 :1.安装$ npm install --save nprogress 或者$ yarn add nprogress//用法NProgress.start();NProgress.done();2.使用import NProgress from 'nprogress'import 'nprogress/n...原创 2019-09-10 10:02:15 · 397 阅读 · 0 评论 -
Element-UI 中 loading 的使用
Element-UI 中 loading 的使用一、一般element-ui可以给表格加loading,也可以给整个页面(body)加loading,此外也可以给页面上的任何DOM元素加loadingcreated(){ this.getData();}getData(){ const loading = this.$loading({ lo...原创 2019-09-03 14:57:09 · 60596 阅读 · 8 评论 -
vue中mixin的使用
vue中mixin的使用详解vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别? 组件在引用之后相当于在父组件内开辟了一块单独的空间,来根据父组件props过来的值进行相应的操作,单本质上两者还是泾渭分明,相对独立。 而mixins则...原创 2019-09-03 14:31:52 · 530 阅读 · 1 评论 -
vscode中chorme调试
vscode中chorme/Firefox调试你必须安装好 Chrome 和 VS Code。同时请确保自己在 VS Code 中安装了Debugger for Chrome扩展的最新版本。从vscode中启动应用点击在 Activity Bar 里的 Debugger 图标来到 Debug 视图,然后点击那个齿轮图标来配置一个launch.json的文件,选择Chro...原创 2019-09-03 15:35:07 · 730 阅读 · 0 评论