![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
岑农耕 - 深圳
web前端---小岑
展开
-
vue 路由缓存
vue 路由缓存一般我们会在列表上使用,列表滚动到下面然后跳转详情返回还想继续显示滚动条位置路由配置: { // 列表 path: '/list', name: 'list', component: list, meta: { keepAlive: true, title: '商品列表' } },app.js监听:<template> <div id="app">原创 2021-09-07 23:50:14 · 159 阅读 · 0 评论 -
vue 过滤器 filters 的使用
vue 过滤器 filters 的使用代码:<template> <div> <table border="1" style="width: 300px"> <tr> <th>id</th> <th>商品名称</th> <th>商品状态</th> </tr> <tr v-f原创 2021-09-06 23:08:44 · 163 阅读 · 0 评论 -
Vue路由页面传参常用几种方式 Router
Vue路由页面传参常用三种方式:第一种:Query跟原生传参模式一样,跳转页面后url会添加?、&分隔后面为参数。使用方式分两种 ①:直接在路由后面添加?&传参,②:query:{id:1}对象。使用:this.$router.push({ path: 'details', query: { id: item.id },})取参:this.$route.query.id第二种:params 隐藏式传参Vue路由可以通过params+name传参方式进原创 2021-08-30 01:20:33 · 812 阅读 · 0 评论 -
vue页面里的methods自定义函数如何同步到window
vue 页面methods自定义函数同步到window的解决方案在开发vue项目的过程中偶尔需要引入外部js文件或与app oc通信时,外部文件的window是没有我们页面里的methods函数,所以我们需要把methods函数映射到window。处理方法: data() { return { title: '现在是2021年' } }, mounted() { window.demoEvent = this.demoEvent; },原创 2021-05-27 10:29:10 · 1051 阅读 · 0 评论 -
解决 vue data变量相互赋值后被实时同步的问题
解决 vue data变量相互赋值后被实时同步的问题数据结构是这样子的data() { return { title: 'web前端 this data变量相互赋值后被实时同步问题', val_1: 'vue', val_2: '' }}问题源:我们在onload()把val_1 赋给 val_2 (或者在用户cli...原创 2020-04-24 16:05:59 · 1623 阅读 · 2 评论 -
vue全局注册组件,引入组件
vue全局注册组件main.js页面import myComponents from './components/myComponents.vue' // 引入组件Vue.component("my-components",myComponents); // 全局注册组件在页面里使用<my-components></my-components>...原创 2019-01-17 16:57:49 · 515 阅读 · 0 评论 -
解决vue 在ios微信“复制链接”功能问题
解决vue 在ios微信“复制链接”复制不到动态地址的问题这个问题在安卓上市完全没有问题的,可是到了iPhone上就彻底失效了。因为ios微信对vue路由中的#号识别问题。我的解决办法是在初始进入项目时重新拼接项目地址,再重定向到拼接的地址去。先获取到#号前的路由地址,再手动添加我们的#号和当前项目地址后缀:截取地址var replace = window.location.href.s...原创 2019-01-14 14:19:42 · 4380 阅读 · 8 评论