随笔分类 -  vue

vue学习
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
摘要：报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/xxx". at createRouterError 这个错误是说着在promise里捕获了一个导航的 阅读全文

posted @ 2022-12-06 22:38 铃之森 阅读(370) 评论(0) 推荐(0) 编辑

Vue中优雅的更改iframe嵌入页面的样式
摘要：通过外部引入css文件来控制嵌入页面的样式 公共iframe组件封装 传入属性： 嵌入页面路径 css文件名称（默认放在/static/css/下），默认css文件名可以自己定义，在确定嵌入页面不多，相互之间的css属性不会冲突的情况下，可以使用一个css文件 <template> <div cla 阅读全文

posted @ 2022-12-04 16:31 铃之森 阅读(2135) 评论(0) 推荐(0) 编辑

vue 监听input值变化（关键词搜索）
摘要：一、问题 做搜索功能时，监听input的value值变化实时请求数据，每增加一个字符，就发送一次请求。例如输入12345，会监听到5次变化1 12 123 1234 12345，导致连续请求5次。这是没必要的，增加服务器负担，可能出现卡顿的情况。 甚至，一定概率下会发生请求返回顺序问题，当输入速度很 阅读全文

posted @ 2022-10-29 14:17 铃之森 阅读(3044) 评论(0) 推荐(1) 编辑

vue中的watch可以监听哪些值？
摘要：vue中的watch监听，除了监听data中的数据，还可以监听 props 、$route 、$emit 、computed vue中的watch监听数据变化以及watch中各个属性详解 1、监听data数据变化 watch: { data(val, newval) { console.log(va 阅读全文

posted @ 2022-09-03 17:54 铃之森 阅读(2537) 评论(2) 推荐(1) 编辑

Vue项目打包后访问静态资源无法直接访问，路由无法跳转
摘要：问题原因，打包之后访问路径错误，index.html打开是空白 解决方案 步骤1，修改使用路由方式 将路由从history换成hash const router = new VueRouter({ mode: "hash", base: process.env.BASE_URL, routes }) 阅读全文

posted @ 2022-06-23 23:45 铃之森 阅读(2980) 评论(0) 推荐(0) 编辑

vue国际化样式不同解决方法
摘要：在设置界面国际化语种的同时，在html设置lang属性,也可以在body中设置 点击语言切换时候， let html = document.getElementsByTagName('html')[0] html.setAttribute('lang', content); 根据lang进行样式的区 阅读全文

posted @ 2022-06-22 20:16 铃之森 阅读(314) 评论(0) 推荐(0) 编辑

vue路由
摘要：一、Vue3.x 中的路由 路由可以让应用程序根据用户输入的不同地址动态挂载不同的组件 npm install vue-router@next 二、路由的基本配置 1、安装路由模块 npm install vue-router@next 2、新建组件 3、配置路由 4、挂载路由 5、渲染组件 App 阅读全文

posted @ 2021-06-17 00:16 铃之森 阅读(73) 评论(0) 推荐(0) 编辑

Vue + TypeScript 的项目里面继承 Vuex
摘要：首先需要在 Vue 项目中继承 typescript vue add typescript 提示：如果配置完 ts 后调用 this.$store 有警告信息，请重启 vscode，或者安装 vue3 的插件后重启 vscode 充实 一、修改 store.js 为 store.ts 二、配置 st 阅读全文

posted @ 2021-06-17 00:13 铃之森 阅读(483) 评论(0) 推荐(0) 编辑

Vue3.X的父子组件、自定义组件，非父子组件获取与传值
摘要：组件间传值及传值校验 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl 阅读全文

posted @ 2021-05-27 00:15 铃之森 阅读(1345) 评论(0) 推荐(0) 编辑

vue 基础常用部分总结
摘要：vue是MVVM框架，MVVM就是我们常说的双向数据绑定，M表示model，V表示view，在MVVM的框架中，model的改变会影响视图view，view视图的改变会反过来影响model. vm.$data/vm.$attrs/vm.$el/vm.$emit/vm.$forceUpdate/vm. 阅读全文

posted @ 2021-05-22 13:16 铃之森 阅读(103) 评论(0) 推荐(0) 编辑

vue 3.X创建项目
摘要：使用vue-cli创建项目 全局安装vue-cli cnpm install -g @vue/cli 使用vue-cli创建项目 vue create vuedemo 具体操作如下： 首先，会提示你选择一个preset（预设）： 1、除最后两个，其他选项都是你此前保存的预设配置（如下图第一个“ my 阅读全文

posted @ 2021-05-19 16:41 铃之森 阅读(3939) 评论(0) 推荐(0) 编辑

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示