
前端潮流技术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 · 830 阅读 · 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 · 5023 阅读 · 0 评论 -
vue3.0新增了哪些功能
vue3.0新增功能 1.关于安装 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli npm install -g @vue/cli 安装完成之后查看版本号 vue --version出现版本号就意味着成功 2.项目创建 关于项目创建,除了命令创建3.x还增加了图形化界面创建以及管理vue项目 在创建新项目时还可以混合选用多种集成 TypeScript ...原创 2019-12-04 13:19:51 · 2513 阅读 · 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 · 1438 阅读 · 11 评论 -
Vue组件
Vue.js组件 组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 1.components(组件)文件下的Navigation.vue代码如下: &lt;template&gt; &lt;div&gt; ...原创 2019-03-04 21:30:20 · 334 阅读 · 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 · 515 阅读 · 0 评论 -
Vue 中UI框架 Element 脚手架
Vue组件库Element脚手架入门教程 1.Element官网地址: http://element-cn.eleme.io/#/zh-CN 2.Element 脚手架 代码git地址: https://github.com/ElementUI/element-starter.git 下载完成后,进入element-starter目录 首先文档上写明了需要安装yarn npm install -g...原创 2019-03-04 13:58:47 · 2198 阅读 · 0 评论 -
Vue中接口的调用
Vue中接口的调用 1.main.js中代码 // 调接口相当于ajax import axios from 'axios' Vue.prototype.$axios = axios 2.webpack.config.js文件中代码 target: 'http://www.xm-fighting.com:8090/' target中的对应路径改为自己需要调用接口地址,到端口号之前 3.logi...原创 2019-03-04 21:13:41 · 31643 阅读 · 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 · 455 阅读 · 0 评论 -
Element-UI 中 loading 的使用
Element-UI 中 loading 的使用 一、一般element-ui可以给表格加loading,也可以给整个页面(body)加loading,此外也可以给页面上的任何DOM元素加loading created(){ this.getData(); } getData(){ const loading = this.$loading({ lo...原创 2019-09-03 14:57:09 · 61788 阅读 · 8 评论 -
vue中mixin的使用
vue中mixin的使用详解 vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别? 组件在引用之后相当于在父组件内开辟了一块单独的空间,来根据父组件props过来的值进行相应的操作,单本质上两者还是泾渭分明,相对独立。 而mixins则...原创 2019-09-03 14:31:52 · 572 阅读 · 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 · 784 阅读 · 0 评论