随笔分类 - Vue.js
摘要：我们都知道props值是只读的，子组件内不可直接修改，会报错滴 但是很多时候这个值是需要子组件主动修改的，一般我们会使用this.$emit()去修改，但比较麻烦 下面这种方式可以实现： 1、父组件实时修改props值时，子组件可以接收到改变 2、子组件可主动修改该值 <div>{{RealValu
阅读全文
摘要：一个ant-design-vue的项目，vue/cli版本: @vue/cli 4.2.3 今天开机后运行突然没有热更新，重新启动项目也没有热更新 无论是样式还是模板都不更新 上网查原因众说纷纭，有的说版本问题，有的说配置问题，还有的说要重装npm或者重装webpack。。。 可是明明昨天还好好的？
阅读全文
摘要：注意 default 不要写成 defaults 例如有一个名为mk-test的组件如下： 当父组件这样调用时： 渲染出来是： 1 如果把组件的default:1删除，父组件调用方式不变，此时渲染结果是： 0 此时如果父组件改成： 此时渲染结果是： 3 自我总结： 1、使用default定义默认值时
阅读全文
摘要：问题： 父组件调用子组件： 其中的formList数据是用ajax调用的，数据比较大，应该有些延迟 子组件的created中调用props时，输出的是默认数据： 输出： 解决方法： 第一种：加上 v-if 来判断数据是佛加载完成了，加载完了再渲染： 第二种：用 setTimeout 来做延迟，但这样
阅读全文
摘要：iview-project默认引入Util插件改写页面的title（main.js） 但是Util默认在页面title后面增加“ - Home”的字样，如： 改成自己的，要改成： 改写后就变成了
阅读全文
摘要：1、下载工程文件 github地址：https://github.com/iview/iview-project 2、安装 ①把文件解压缩后复制到你自己的项目文件夹内，例如我的是“ceosaas-doc” ②在此处运行命令行 ③执行安装命令，等待安装完成 3、第一次使用前，初始化工程 这里我出现了报
阅读全文
摘要：定义全局公共函数（组件文件中也可以直接调用） 例如定义跳转页面的函数，在main.js中如下写法： 子组件调用示例：
阅读全文
摘要：1、检查环境 检查nodejs 检查npm 检查cnpm 2、安装依赖 安装webpack 安装webpack-cli 安装vue-cli 4、进入你要创建项目的位置,如C盘 5、装载vue-cli脚手架 例如我的项目名称（即项目文件夹名称）为：Testapp 按照提示填写项目信息： 此时的目录结构
阅读全文
摘要：前提：安装好了npm或者cnpm，我用的是淘宝镜像cnpm，下载速度比较快。cnpm安装教程→https://www.cnblogs.com/mankii/p/10646962.html 1、全局安装webpack，结果如下 2、安装webpack-cli 这样webpack就全局安装完成了
阅读全文
摘要：1、首先你要安装好了nodejs 安装步骤，略 检查是否安装好了： 2、接着你要安装好了npm 安装步骤，略 检查是否安装好了： 3、接着就可以安装cnpm了 安装命令： npm install -g cnpm --registry=https://registry.npm.taobao.org 检
阅读全文
摘要：原本我是这样定义图标字体的：（省略woff字体编码） 然后项目的图标一直是小方框，百思不得其解： 然后把woff格式的字体去掉，就可以了： 效果：
阅读全文
摘要：HTML： 效果： 监听失焦（vue）—— 监听实时修改（vue）—— 以上两个监听是基于vue.js的，原生同理
阅读全文
摘要：1、问题：vue运行后白屏并且没有任何报错提示，这样的情况很容易因为写法的不恰当而出现，所以在这里记录一下。 如下图 所有dom都消失？？ 2、解决：检查之后发现是因为下面这个地方：把字符串直接传给vue的bind了 T.T，没错，一个特别粗心的错误，只要把冒号去掉就可以了—— 记录一下，免得下次忘
阅读全文