随笔分类 - vue
摘要:一:如何修改el-select下拉框中选项的样式,网上的方法一般有两种:1.找到下拉框的类名,写一个全局的样式。2.通过/deep/来修改.el-select-dropdown__item的样式内容3.通过popper-class设置的类名添加样式 以上几种方式中,第二种和第三种是无法生效的,而第一
阅读全文
摘要:我的项目是用vue提供的vue-cil脚手架生成的项目,但是当我在项目中使用async/await,编译代码的的时候报了regeneratorRuntime is not defined的错,我查过资料,是因为你的项目中没有使用transform-runtime将es6抓换成es5 注意:不建议使用
阅读全文
摘要:mixins 混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。 混合对象可以包含任意组件选项。 当组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。 mixins理解 组件在引用之后相当于在父组件内开辟了一块单独的空间,来根据父组件props过来的值进行相
阅读全文
摘要:(为了统一编码风格,命名规范,注释要求,中输出可读性强,易维护,风格一致的代码。) 一、开发工具:(使用统一缩进,以tab缩进,一个tab大小为2个空格) 二、语言技术 三、UI框架 四、命名规范: (1) 变量名,方法名,文件名,文件夹名,组件名,函数名等遵循驼峰命名规则:多单词拼接首字母小写,如
阅读全文
摘要:方式一:结合Vue的异步组件和Webpack的代码分析(了解~) const Home = resolve => { require.ensure(['../components/Home.vue'], () => { resolve(require('../components/Home.vue'
阅读全文
摘要:问题在使用vue时,HTML 绑定 Vue实例,在页面加载时会闪烁类似{{msg}}这样的信息。可能会导致用户体验不好。 使用v-cloakv-cloak就能解决这个问题。 (1)用法 这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none
阅读全文
摘要:当我们需要在Vue项目中添加音频文件时,发现放到assets目录下的时候并不能播放。 两种常见的配置方法: 方法一:将音频文件放在static目录中,然后进行调用 <audio class='success' src="/static/audios/bgm.mp3"></audio> 缺点:打包后的
阅读全文
摘要:active伪类解决 HTML代码 <div class='box'> </div> CSS代码 .box { width: 100px; height: 100px; background: green; transition: transform 0.3s ease-out; } .box:ac
阅读全文
摘要:安装插件指定版本 npm install 插件名称@2.9.6 --save 查看需要安装插件的版本记录 npm view 插件名称 versions --json
阅读全文
摘要:一.创建/销毁,缓存 1.created & beforeCreate beforeCreate 实例未创建,调用不到data数据created 实例创建完成后调用,此阶段完成了数据的观测等,但尚未挂载应用: ajax 请求获取数 2.destroyed & beforeDestroy before
阅读全文
摘要:因为我的点击事件,是动态添加上去的 报错如标题 [Vue warn]: Property or method "cancleInput" is not defined on the instance but referenced during render. Make sure that this
阅读全文