![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 92
idomyway
这个作者很懒,什么都没留下…
展开
-
vue - vue和iframe之间通信传值
前言 在vue中使用iframe标签,实现vue和iframe中通信vue与iframe通信// vue<template lang="pug"> .map-content iframe#mapIframe(:src="mapIframeUrl" ref="mapFrame" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" al原创 2020-12-19 23:38:19 · 3259 阅读 · 1 评论 -
vue-router 路由简记
前言 vue-router中路由一共分为两种编程式的导航router.push声明式的导航<router-link>编程式导航this.$router.push("home");<!-- 命名路由这种方式传递的参数,如果在目标页面刷新是获取不到-->this.$router.push({ name: 'news', params: { userId: 123 }})<!-- 获取参数 -->this.$转载 2020-12-16 21:26:32 · 130 阅读 · 0 评论 -
vue - 路由跳转新页面后回到顶部
前言 vue路由跳转新页面,如果有滚动条的话,会保持和原来位置回到顶部解决方法1、全局设置路由跳转回到顶部,router.js中router.afterEach((to,from,next)=>{ window,scrollTo(0,0)})2、单个页面路由跳转回到顶部mounted () { this.$router.afterEach((to,from,next)=>{ window,scrollTo(0,0)原创 2020-12-15 23:20:54 · 3616 阅读 · 2 评论 -
iview - 事件需要同时获取event之外的参数
前言 在项目中,使用iview中使用select中的事件on-change,可以获取event当前选择项,同时传入别的参数解决方法 使用箭头函数解决 <Select v-model="model13" filterable :remote-method="remoteMethod1" :loading="loading1" @on-change="event => change原创 2020-12-01 23:25:03 · 565 阅读 · 0 评论 -
vue - axios上传文件到服务器,设置headers,解决no multipart boundary was found
前言 在项目中,在vue-cli项目中使用axios上传文件到服务器,遇到三个问题1、上传的参数需要使用new FormData()组织2、需要设置headers为multipart/form-data3、解决no multipart boundary was found问题解决方法 let params = new FormData()// 拼接参数params.append('recordnumber', recordnumber)para原创 2020-12-01 23:08:38 · 5615 阅读 · 0 评论 -
vue - 引用类型(Object对象)多重数据监听
前言 vue中对于多重对象数据的监听,对象发生变化,存在监听不到的现象 比如:item3.name发生变化的时候监听不到{ item1: { item2: { item3:{ name: '' } } }}解决方法 方法一: 计算属性(推荐)&n转载 2020-11-26 00:02:06 · 1006 阅读 · 0 评论 -
vue - style绑定行内样式
前言 vue中行内样式绑定采用驼峰写法// 写法一::style="{ backgroundImage: 'url(' + 变量name + ')' // 写法二::style="{ backgroundImage: `url{ ${变量name} }` }"...原创 2019-12-08 21:45:31 · 8764 阅读 · 0 评论 -
vue - nuxt.js debugger报错
前言 在初始化的nuxt项目中打断点,报错:Unexpected 'debugger' statement.eslint(no-debugger)解决方法 在.eslintrc.js中添加 rules: { 'no-console': process.env.NODE_ENV === ...转载 2019-10-31 21:54:39 · 2260 阅读 · 0 评论 -
vue - 针对单个 js 文件禁用 ESLint 语法校验
前言 在 Vue-cli 创建的项目中,使用了 ESLint 规范代码,在使用一些老版本的vue库的时候,语法不符合ESLint会导致项目报错无法通过编译。 如何针对单个 js 文件禁用 ESLint 语法校验,但整个项目依然保留 ESLint 的校验规则?解决方案: &nbs...原创 2019-08-30 22:09:21 · 3366 阅读 · 0 评论 -
vue - vue.config.js中devServer配置
前言 这里写你调用接口的基础路径,来解决跨域,如果设置了代理,那你本地开发环境的axios的baseUrl要写为'',即空字符串只有一个接口ip端口时devServer: { open: false, // 跨域 proxy: { '/nuojinadm/': { target: 'http:/...原创 2019-06-30 21:50:16 · 102703 阅读 · 0 评论 -
vue - props 声明数组和对象
props: { array: { type: Array, default () { return [] } }, object: { type: Object, default () { return {} } }}...原创 2019-06-27 22:38:27 · 21989 阅读 · 0 评论 -
vue - vue.$nextTick()
前言 下面了解下nextTick的主要应用的场景及原因。 在Vue生命周期的created()钩子函数进行的DOM操作,一定要放在Vue.nextTick()的回调函数中在created()钩子函数执行的时候DOM 其实并未进行任何渲染,而此时进行DOM操作无异于徒劳,所以此处一定要将DOM操作的js代...转载 2019-06-27 22:17:17 · 372 阅读 · 0 评论 -
vue - vue.$ref获取元素实例
前言 vue中使用通过ref来获取dom元素 ,如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素; 如果用在子组件上,引用就指向组件实例 当 v-for 用于元素或组件的时候,引用信息将是包含 DOM 节点或组件实例的数组示例: 普通&l...原创 2019-06-19 19:04:40 · 6851 阅读 · 1 评论 -
vue - watch
watch常见配置watch: { a: function (val, oldVal) { console.log(val, oldVal) }, // 方法名 b: 'someMethod', // 该回调会在任何被侦听的对象的 property 改变时被调用,不论其被嵌套多深 c: { handler (val, oldVal) { /* ... */...原创 2019-05-21 22:24:24 · 136 阅读 · 0 评论 -
vue - vuex的综合使用
vuex的多模块使用 目录结构|-store |–index.js |–modules |–a.js |–b.js1、在a.js中声明单页所需要的数据等const state =...原创 2019-05-21 21:13:39 · 211 阅读 · 0 评论 -
vue - minix混入
vue中混入是是实现类继承的重要方式。 混入的规则实例minix.jsexport default { data () { return { name: 'minix', minixName: 'minixObj', ...转载 2019-04-18 22:35:08 · 8397 阅读 · 6 评论 -
vue -声明周期
注意事项 v-if 组件会走整个声明周期官网声明周期流程图声明周期注释转载 2019-03-21 22:52:09 · 170 阅读 · 0 评论 -
vue - 父子组件(.sync v-model )同步通信、双向绑定
前言 父子组件通信,都是单项的,很多时候需要双向通信。方法如下:通过.sync修饰符通过v-model指令1、.sync修饰符 实例: 父组件  原创 2019-03-14 23:23:55 · 2080 阅读 · 0 评论