vue
关注
分享
扫一扫
马娟
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue 刷新网页onMounted会执行多次
修改前：<router-view :key="new Date()" />修改后：<router-view/>原创 2022-05-18 19:11:19 · 3197 阅读 · 0 评论 -
ant-vue 设置全局table中没有值的默认文案‘-‘,transformCellText用法
在app.vue中配置全局 <a-config-provider :locale="zhCN" :transformCellText="({ text, column, record, index }) => text||'-'" > <router-view/> </a-config-provider>原创 2021-09-10 14:56:25 · 2059 阅读 · 0 评论 -
antd-vue table里hover行背景色修改
//没有固定的hover颜色修改.ant-table-tbody{ tr:hover:not(.ant-table-expanded-row) > td,.ant-table-row-hover,.ant-table-row-hover > td { background-color: @background-color-light; } }//有固定向左向右的hover颜色修改 .ant-table-fixed{ .ant-table-r...原创 2021-09-06 16:55:20 · 1368 阅读 · 0 评论 -
vue 表单检验里去掉输入框的前后空格
前言：vue里写表单校验的时候，必填项输入全是空格的时候，校验依旧会通过，但是这不是我们所期望的，我们期望输入全是空格的时候校验必填项时依旧不通过，那么我们就需要对值进行处理，去除其中的空格。很庆幸的是，vue有一个很简单编辑的方法，直接去空格，不用每一个都去写校验逻辑，下面就是针对以上问题，写的方法。去空格之前的form表单<div class="form-box"> ...原创 2019-10-22 16:52:03 · 5658 阅读 · 0 评论 -
react、vue项目手机端安装vConsole开发调试工具
react项目中1.在<head>中引入vconsole.min.js2.new Vconsole实例化 <head> <script src="https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/3.0.0/vconsole.min.js" type="text/javasc...原创 2019-04-08 10:36:37 · 5547 阅读 · 0 评论 -
react或vue项目内引入weixin-js-sdk
1.安装npm install weixin-js-sdk2.装载2.1 vue项目中引入main.js中import wx from 'weixin-js-sdk'Vue.prototype.$wx = wx //挂在vue的实例上调用this.$wx.config(...)2.2 react项目中引入import wx from ...原创 2019-02-28 16:36:07 · 2917 阅读 · 0 评论 -
vue mixins混入js
a.jsexport default { methods: { test1() { return true; } }, test2(num){ return num+5; }}b.vue<template> <div>测试 <span>{{test2("3")}}&l...原创 2018-11-26 13:59:17 · 299 阅读 · 0 评论 -
vue+vant微信公众号里上传图片
1.引入微信sdk1.1安装npm installweixin-js-sdk1.2配置sdk//main.js中//引入import wx from 'weixin-js-sdk'import store from './store'import axios from 'axios'//挂载到vue上Vue.prototype.$http = axiosVue...原创 2020-06-16 14:59:51 · 422 阅读 · 0 评论 -
vue-router中router.push、router.replace、router.go的区别
router.push想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。<router-link :to="..."> == router.push(...) == window.history.pushState(...)// literal st...原创 2018-10-24 15:24:04 · 1906 阅读 · 0 评论 -
vue、react、angular的区别
文档正在不停完善中，欢迎各位提建议和修改错误。 vue2.0 react angular2 angular（官方不维护了） 基础 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 作者 尤雨溪 Facebook Googl...原创 2018-10-24 11:50:46 · 982 阅读 · 0 评论 -
vue-router
案例内容：1.vue-router,cnpm i 2.routes.js静态路由表的创建,数组，进行接口暴露3.main.js里面引入VueRouter，使用VueRouter，引入静态路由表，然后new VueRouter实例，最后需要将router放置到Vue的实例里;4.现在是手动链接模式，用a标签也是可以进行页面的切换的，但是感觉整个页面在刷新，因为我可以设置router的mode...原创 2018-10-24 11:42:49 · 257 阅读 · 0 评论 -
在gitlab上搭建项目详细步骤
1.登陆gitlab，进入新建项目页面2.复制粘贴项目地址3.新建一个空白文件夹，拉取提交代码3.1设置user.name和user.email3.2创建一个新的本地存储仓库并新建README.md文件git clone方法一：方法二：3.3 初始化项目npm init，生产package.json4.开始搭建项目...原创 2018-09-07 14:54:02 · 1447 阅读 · 0 评论 -
vue+vue-cli搭建项目
1.vue-cli脚手架安装（基于node+npm环境） npm install vue-cli -g2.初始化项目vue init webpack vue_vue-cli_demo如下输入对应指令按回车直至最后一步3.安装依赖31.进入项目文件夹内cd vue_vue-cli_demo3.2 npm install 4.运行项目npm ru...原创 2018-09-10 16:52:25 · 152 阅读 · 0 评论 -
如何关闭Console控制台vue中vendor.js的提示、警告
目录1.打开console控制台对应的vendor.js提示或警告1.1 打开console控制台1.2 右键单击选中Filter->Hide message from vendor.js1.3 关闭之后的console控制台2.打开Console控制台vue中vendor.js的提示、警告1.打开console控制台对应的vendor.js提示或警告1.1 打开...原创 2018-09-10 15:27:21 · 4979 阅读 · 0 评论 -
vue——this.$parent算法
父组件一： 父组件二： 子组件调用父组件一和父组件二中的方法原创 2018-08-30 16:13:32 · 18259 阅读 · 0 评论 -
vue调试工具vue -devtools的安装
目录 前言vue-devtools是什么？为什么要安装该插件? 安装Vue Devtools有两种方法： 方法一：chrome商店上直接下载（前提是该电脑已经翻墙）。 方法二：官网下载源代码，在chrome中加载已解压的扩展程序。前言vue-devtools是什么？ vue-devtools是一款基于chrome浏览器的插件，用于vue应用...原创 2018-07-11 16:30:14 · 466 阅读 · 0 评论