编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

64浏览

0评论

Vuex实现数据增加和删除功能

首先，我们要安装vuex，执行命令yarn add vuex1.编写state数据//vuex/index.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const state = { bookList: [...

2020-05-27 02:12:46

66浏览

0评论

vuex存储token示例

1.在login.vue中通过发送http请求获取token//根据api接口获取token var url = this.HOST + "/session"; this.$axios.post(url, { username: this.loginForm.username, pass...

2020-05-27 02:12:45

44浏览

0评论

vue在路由中验证token是否存在的简单实现

1. 在router/index.js进行验证2. 代码如下：import Vue from 'vue'import Router from 'vue-router'import Login from '@/components/common/Login';......Vue.use(Router)co...

2020-05-27 02:12:44

178浏览

0评论

vue路由守卫,限制前端页面访问权限的例子

今天给大家写一篇关于vue校验登录状态，如果是非法登录就跳转到登录页面的逻辑首先需要写一个路由守卫，它的原理是每次路由发生变化时触发具体写法如下：router.beforeEach((to,...

2020-05-27 02:12:43

52浏览

0评论

vue 更改连接后台的api示例

vue 更改连接后台的api，是更改在config文件夹下的index.js文件中的proxyTable的值。
如下代码，其中 10.1.166.88:8888/springTimes 为后台暴露出来的appi。dev: { env: requ...

2020-05-27 02:12:42

53浏览

0评论

vuex实现数据状态持久化

用过vuex的肯定会有这样一个痛点，就是刷新以后vuex里面存储的state就会被浏览器释放掉，因为我们的state都是存储在内存中的。所以我们通过 vuex-persistedstate这个插件，来实现...

2020-05-27 02:12:41

72浏览

0评论

vuex管理状态刷新页面保持不被清空的解决方案

mutation文件import { RECEIVE_PUBLICHTIT} from './mutation-types' //保证刷新页面数据不消失*function storeLocalStore (state) { window.localStorage.setItem("public...

2020-05-27 02:12:40

355浏览

0评论

基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能

一、项目简介uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目。界面仿制抖音|火山小视频/陌陌直播，支持编译到多端(H5、小程序、...

2020-05-27 02:12:39

85浏览

0评论

uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能

最近一直在学习uni-app开发，由于uniapp是基于vue.js技术开发的，只要你熟悉vue，基本上很快就能上手了。在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在...

2020-05-27 02:12:37

52浏览

0评论

实现vuex与组件data之间的数据同步更新方式

问题我们都知道，在Vue组件中，data部分的数据与视图之间是可以同步更新的，假如我们更新了data中的数据，那么视图上的数据就会被同步更新，这就是Vue所谓的数据驱动视图思想。当我们...

2020-05-27 02:12:35

47浏览

0评论

react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面

一、前言9月，又到开学的季节。为每个一直默默努力的自己点赞！最近都沉浸在react native原生app开发中，之前也有使用vue/react/angular等技术开发过聊天室项目，另外还使用RN技术...

2020-05-27 02:12:34

54浏览

0评论

VUEX 数据持久化,刷新后重新获取的例子

VUEX 数据持久化// store.js getters: { userInfo(state) { console.log('getters',state); if (!state.userInfo.id) { let token = getStorage("token"); cons...

2020-05-27 02:12:32

55浏览

0评论

vue.js 实现a标签href里添加参数

源代码列表可以正常显示，但是连接没有实现对items.orderNo的值转化，最中解决方法此处的将a的标签href实现绑定：href同时对路径进一步转化拼接以上这篇vue.js 实现a标签href里添...

2020-05-27 02:12:31

66浏览

0评论

javascript严格模式详解（含严格模式与非严格模式的区别）

严格模式的优缺点
优点：提高代码解析与运行速度禁用一些不合理的语法，减少代码的怪异行为缺点某些代码在严格模式下会报错，尤其引入公用与第三方模块的时候需要注意有...

2020-05-27 02:12:30

45浏览

0评论

Vue 中 a标签上href无法跳转的解决方式

问题：使用vue-router 在IE下 a标签里的路由不跳转，火狐，chrome工作正常。解决：在App.vue 里增加判断IE浏览器手动修复……export default { name: 'App', mounted(){ function...

2020-05-27 02:12:29

53浏览

0评论

vue 中几种传值方法(3种)

前言vue项目中，组件跟组件之间数据的传递是很普遍的行为，在这里总结几种常见的vue组件跟组件之间传值方式，其中，主要有父子组件，非父子组件传值。父组件向子组件传值
方法：父组件...

2020-05-27 02:12:27

51浏览

0评论

Vue页面切换和a链接的本质区别详解

Vue-router是伴随着Vue框架出现的路由系统，它也是公认的一种优秀的路由解决方案。在使用Vue-router时候，我们常常会使用其自带的路径跳转组件Link,通过<Link to="path"></Link...

2020-05-27 02:12:26

60浏览

0评论

Vue2.0 实现页面缓存和不缓存的方式

1、在app中设置需要缓存的div<keep-alive>//缓存的页面 <router-view v-if="$route.meta.keepAlive"></router-view></keep-alive><router-view v-if="!$route.meta.keepAl...

2020-05-27 02:12:25

55浏览

0评论

解决vue admin element noCache设置无效的问题

1、后台返回的数据{path: '/fbgq',name: 'fbgq',component: () => import('../views/part/fbgq.vue'),meta: {title: '发布供求', noCache:false}},2、对应vue文件fbgq.vue...

2020-05-27 02:12:24

54浏览

0评论

Vue退出登录时清空缓存的实现

如下所示： <template> <div id="main" class="app-main"> <router-view></router-view> </div></template> <script> export default { data () { return {...

2020-05-27 02:12:23

41浏览

0评论

vue-element-admin 菜单标签失效的解决方式

设置菜单路由时，代码如下： { path: '/materieluse', component: Layout, meta: { title: '仓库管理', icon: 'component' }, children: [{ path: 'materielList',...

2020-05-27 02:12:22

46浏览

0评论

vue+element导航栏高亮显示的解决方式

用导航菜单时遇到的一些问题：点击打开官网例子问题1：页面强制刷新，按F5时，页面如果没有好好设置的话，导航栏默认叠起来，而且无高亮显示；刷新后导航栏显示和之前不一致，如图所示解决：h...

2020-05-27 02:12:21

45浏览

0评论

vue transition 在子组件中失效的解决

错误代码：子组件：<template> <div v-show="showMine"> <div class="mask" @click.self="onMask"></div> <transition name="slide-fade"> <div class="my_group" v-if="sh...

2020-05-27 02:12:20

37浏览

0评论

解决vue-cli 打包后自定义动画未执行的问题

在vue项目中，想实现无缝向上滚动的自定义动画效果webpack 打包后动画未执行，就是你npm run build生成的dist中动画未生效@-webkit-keyframes move { 0%{ top:0; } 100%...

2020-05-27 02:12:18

42浏览

0评论

vue页面切换项目实现转场动画的方法

前言
移动端, 使用vue为了良好的用户体验, 会需要实现APP形式的切换页面的左滑和右滑效果实现原理, vue的过渡 & 动画技术栈: vue + vue-router解决思路
区分前进和后退的...

2020-05-27 02:12:17

41浏览

0评论

浅谈如何优雅处理JavaScript异步错误

1. try/catch
try/catch基本上是大家最常和async/await一起使用的，基本上我们会用它去包围大部分的异步方法。await关键字后面的promise一旦reject了，就会抛出一个异常错误。...

2020-05-27 02:12:16

134浏览

0评论

Vue自定义指令结合阿里云OSS优化图片的实现方法

图片往往在加载前端项目中占大头，如何既不损失图片质量，又提升加载速度呢？根据显示设备pixelRatio和元素宽高来显示合适图片略微压缩图片质量使用webp注册全局自定义指令...

2020-05-27 02:12:15

60浏览

0评论

微信小程序点击顶部导航栏切换样式代码实例

这篇文章主要介绍了微信小程序点击顶部导航栏切换样式代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下类似这样...

2020-05-27 02:12:14

34浏览

0评论

解决Vue打包上线之后部分CSS不生效的问题

首先注释掉webpack.prod.conf.js中下面的代码new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false...

2020-05-27 02:12:13

52浏览

0评论

JS如何实现动态添加的元素绑定事件

这篇文章主要介绍了JS如何实现动态添加的元素绑定事件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下最近做的项目要实...

2020-05-27 02:12:12

147浏览

0评论

解决Vue在Tomcat8下部署页面不加载的问题

最新的项目刚刚用上Vue，遇到很多问题，在Tomcat下部署时出现了页面空白。问题：路由 mode history 模式在 dev 模式下没有问题，在 build 模式页面空白，但静态资源能正常引用原因：部...

2020-05-27 02:12:11

47浏览

0评论

vue+webpack dev本地调试全局样式引用失效的解决方案

今天遇到了奇怪的问题，在main.js中引入全局样式，在组件中引用样式时，有些样式失效，有些样式生效。但是神奇的是build打包后样式是正常的。注册两字没有变成红色。。刚开始以为是...

2020-05-27 02:12:10

45浏览

0评论

vue 项目打包时样式及背景图片路径找不到的解决方式

问题描述：vue项目打包后，文件找得到，但是引用的字体及背景图片找不到；解决方法：主要是需要单独为 css 配置 publicPath 。ExtractTextWebpackPlugin 提供了一个 options.publicPa...

2020-05-27 02:12:09

51浏览

0评论

解决vue v-for src 图片路径问题 404

我的代码结构如下所示不能执行，会出现报错<RadioGroup v-model="animal"> <Radio v-for='a in radio_arr' label={{a}}></Radio></RadioGroup>export default { data(){ r...

2020-05-27 02:12:08

51浏览

0评论

vue中的 $slot 获取插槽的节点实例

vue 中的 $slot以前一直不知到这个东西，后来发现 vue api 中藏着很多的很神奇的 api，比如这个具名插槽很好理解，但是那个 default 就有点难了，写了一个炒鸡简单的 demofather:...

2020-05-27 02:12:07

69浏览

0评论

vue data引入本地图片的两种方式小结

我就废话不多说了，大家直接看吧！第一种<template> <img :src="imgsrc"></template><script>export default { data () { return { imgsrc: require('../../images/ICON-ele...

2020-05-27 02:12:06

54浏览

0评论

基于vue-cli3和element实现登陆页面

1.先用vue-cli3创建一个项目2.安装element模块全局安装 npm i element-ui -S
3在main.js引入模块import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/...

2020-05-27 02:12:05

38浏览

0评论

前端vue-cli项目中使用img图片和background背景图的几种方法

前端中背景图片极其常用,但是很容易出现各种问题.一种是脚手架本身资源引用方式的问题,如指定静态资源文件夹.一种是图片资源引入方式,有时候使用绝对或者相对路径会导致错...

2020-05-27 02:12:03

56浏览

0评论

解决vuex数据异步造成初始化的时候没值报错问题

当使用vue做登录的时候，我们会把拿到的部分用户信息存在vuex+cookie中，我们知道，vuex的数据是会随着浏览器刷新而丢失的，此时我们会重新请求接口对vuex的数据进行再次赋值，如下当...

2020-05-27 02:12:03

67浏览

0评论

vue表单数据交互提交演示教程

欢迎来到 vue-form 表单提交演示间, 你有更好的建议，请告知楼主额！1. 客户端 html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--...

2020-05-27 02:12:01

48浏览

0评论

Vue的click事件防抖和节流处理详解

函数防抖定义：多次触发事件后，事件处理函数只执行一次，并且是在触发操作结束时执行。在vue中对click添加防抖处理const on = Vue.prototype.$on// 防抖处理Vue.prototype.$on =...

2020-05-27 02:12:00

60浏览

0评论

vue之debounce属性被移除及处理详解

vue 2.0 debounce已经被移除参考文档：https://cn.vuejs.org/v2/guide/migration.html#替换-debounce-过滤器https://vuejs.org/v2/guide/migration.html#debounce-Param-Attr...

2020-05-27 02:11:59

46浏览

0评论

element实现合并单元格通用方法

主要思路：对数据进行处理，写了一个getSpanData通用方法。用api中提供的span-method方法。span-method方法用法：通过给table传入span-method方法可以实现合并行或列，方法的参...

2020-05-27 02:11:58

49浏览

0评论

在vue+element ui框架里实现lodash的debounce防抖

事情起因在：我使用element ui框架里的远程搜索框，在单选时，组件内部已经做了防抖，query是在一段时间内的字符串。但是在多选时，并没有做防抖，而是每输入一个字符都要向后台发一次...

2020-05-27 02:11:57

39浏览

0评论

vue 解除鼠标的监听事件的方法

描述：在移动端中，我们的首页tab会缓存一些点击事件，比如在机构页面点开了下拉框==》在切换到赛事页面==》在切换回机构页面发现下拉款已经缓存了，是下拉的状态
1.

2.

3.

解决...

2020-05-27 02:11:56

47浏览

0评论

在vue-cli中引入lodash.js并使用详解

lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。在vue官方文档中使用了lodash中的debounce函数对操作频率做限制。其引入的方式是直接引入了js<script src="...

2020-05-27 02:11:55

41浏览

0评论

在vue中使用防抖和节流,防止重复点击或重复上拉加载实例

废话不多说，直接上代码吧！/** * 函数防抖 (只执行最后一次点击) * @param fn * @param delay * @returns {Function} * @constructor */export const Debounce = (fn, t) => {...

2020-05-27 02:11:54

74浏览

0评论

Vue 实现CLI 3.0 + momentjs + lodash打包时优化

在vue-cli 2.0时代,webpack的配置是有独立文件的,包含在build目录下,修改也比较方便到vue-cli 3.0后,webpack配置被整合到vue-cli的配置中了,需要配置一些打包插件比较麻烦...

2020-05-27 02:11:53

45浏览

0评论

jquery获取input输入框中的值

如何用javascript获取input输入框中的值，js/jq通过name、id、class获取input输入框中的value先准备一段 HTML<input type="text" id="CN_NAME" name="CN_NAME" class="CN_NAM...

2020-05-27 02:11:51

61浏览

0评论

vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例

最终效果如下：（注意需要做锚点联动的部分并不在页面的顶部而是页面的某个div内）-chrome完成这个功能需要注意：1、点击导航平滑滚动到导航内容处2、div内滚动时当前导航需要做响...

2020-05-27 02:11:50

首页 «1490 149114921493 1494 »尾页

热门文章