前言 很多时候用$emit携带参数传出事件,并且又需要在父组件中使用自定义参数时,这时我们就无法接受到子组件传出的参数了。找到了两种方法可以同时添加自定义参数的方法。 方法一 子组件传出单个参数时: // 子组件 thi…
分类:vue.js教程
Vue 中给组件绑定原生事件
绑定原生事件 <div id="root"> <child @click="handleClick"></child> </div> Vue.component('chil…
vue工程全局设置ajax的等待动效
最近在做vue的项目,使用了element-ui作为ui组件库,采用vuex进行状态管理,与后台的请求交互采用axios库实现,原本做的页面,ajax请求个数也只有三个,将等待动画的显示和隐藏通过mutation去控制,…
Vue中资源路径引用新方式尝试
用node.js开发项目,如果目录结构复杂,import需要使用相对路径很麻烦,vue引入了@别名引用,该方式简化了引用路径描述。但是IDE对@别名支持的不好,可以点击关联到元文件。但是目前没找到配置能让IDE分析@引用…
vue中很少用到的点,但却很实用的点
1.用vue做单页应用时,当页面滚动之后,跳转到其他页面,如果跳转到的页面大于一屏的高度,该页面的滚动条不会置顶 解决方案:在router.js底部加上如下代码 scrollBehavior (to, from, sav…
Vue中的computed
引言 使用vue框架已经一年多的时间了,虽然踩了不少的坑,但是 有些错误是经常性的。正好利用现在的空余时间,对自己所学的,所用的东西进行整理,总结。避免下次在采坑,也希望自己的总结,能够带给别人一些启发。 compute…
webpack搭建vue项目
基本安装 首先创建一个文件夹webpack-demo(名字自取),然后在本地安装webpack,接着安装webpack-cli npm init -y npm install webpack webpack-cli --…
在VUE中,关于CKEditor使用
官方文档 语言配置 代码如下 ClassicEditor .create( document.querySelector( '#editor' ), { language: 'de' // 配置语言 , 还需要去引用语言…
Vue打包注意事项
在使用vue-cli进行项目打包时,发现了一些以前没注意到的点,因此写下此文,记录一下,如果可以对大家有所帮助,那就更好了。 1.直接使用npm run build 打包时,会出现一些以.map结尾的文件 .map文件的…
[vuex] getters should be function but "getters.default" is {}.
getters.js文件部分代码: const getters = { resturantName: function (state) { return '111' } } export default getters …
VUE父子组件传递数据
1. 同步传递数据 父组件 food 通过 props 把 值为 0 的 type 字段传给子组件,子组件在初始化时可以拿到 type 字段,渲染出字符“0 水果” // 父组件 food.vue <templat…
用 Vue 编写抽象组件
看过 Vue 源码的同学可以知道,<keep-alive>、<transition>、<transition-group>等组件组件的实现是一个对象,注意它有一个属性 abstract…