文章列表
-
- 浅谈vue实现双向事件绑定v-model的原理
- 目录解释：总结补充与js或者jquery直接改变操作dom不同，vue使用v-model实现数据的双向绑定，它会根据控件类型自动选取正确的方法来更新元素。v-model就是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控...
- 日期：2023-02-11
- 浏览：314
- 标签： Vue
-
- 解决vue-router路由拦截造成死循环问题
- 笔记：vue-router路由拦截造成死循环,在做路由拦截的时候，一直出现死循环.router的index.js文件路由配置const router = new Router({routes: [{path: ’/login’,name: ’login’,component: Login,meta:...
- 日期：2022-12-15
- 浏览：226
- 标签： Vue
-
- 在vue中使用Echarts画曲线图的示例
- 现实的工作中, 数据不可能写死的，所有的数据都应该通过发送请求进行获取。所以本项目的需求是请求服务器获得二维数组，并生成曲线图。曲线图的横纵坐标均从获得的数据中取得。Echarts官方文档：https://ecomfe.github.io/echarts-doc/public/en/index.ht...
- 日期：2022-11-17
- 浏览：244
- 标签： Vue
-
- 基于Vue+Webpack拆分路由文件实现管理
- 事实是，如果你的项目不是特别大，一般是用不着分拆的。如果项目大了，那就需要考虑分拆路由了。其实，这个操作并不复杂。当我们用 vue-cli 工具，创建一个新的 vue 项目时，就已经给大家新建好了一个路由文件 src/router/index.js ，内容如下：import Vue from ’vu...
- 日期：2022-10-28
- 浏览：50
- 标签： Vue
-
- vue组件中传值EventBus的使用及注意事项说明
- 主要想说下非父子组件之间的通信。项目场景：在app.vue里写了一个公共的顶部导航navbar，然后右侧有个分享按钮，而这个分享按钮只有在特定的页面才展示，项目里是在lottery.vue页面，然后想实现app.vue里点击分享按钮，触发lottery.vue里的分享方法。解决：使用eventBus...
- 日期：2022-10-28
- 浏览：122
- 标签： Vue
-
- Vue3 中实现元素拖拽功能
- 这篇文章主要介绍了在Vue3中实现飘逸的元素拖拽,在本次案例中需要认真思考对应的几个坐标和移动时坐标如何更新，事件的使用要成对出现，如何在这个拖拽的 Icon 上增加点击事件时还需要多做一些处理，需要的朋友可以参考下
- 日期：2022-06-12
- 浏览：72
- 标签： JavaScript
-
- 浅谈vue 二级路由嵌套和二级路由高亮问题
- 第一层路由我写在app.vue里面。如图所示：footer.vue：二级路由是这样：index.js里面的配置：效果图：效果出来了，又出现新的问题，就是点击二级路由的时候，默认的二级路由高亮不会去掉，如图所示：在网上看到别人用exact方法，即在默认的二级路由里面加上exact，如图所示：补充知识：...
- 日期：2022-12-14
- 浏览：220
- 标签： Vue
-
- vue接通后端api以及部署到服务器操作
- 1.打开项目工程，找到config文件夹下index.js,进行以下修改dev: { // Paths assetsSubDirectory: ’static’, assetsPublicPath: ’/’, proxyTable: { ’/api’:{ target: ’http...
- 日期：2022-12-08
- 浏览：196
- 标签： Vue
-
- vue自动添加浏览器兼容前后缀操作
- 1.安装loader安装postcss-loader 和 autoprefixer下载：cnpm install postcss-loader autoprefixer --save-dev在webpack.config.js里面设置以下代码test:/.css$/,use: [’style-loa...
- 日期：2022-12-07
- 浏览：252
- 标签： Vue
排行榜
网公网安备