随笔分类 - vue
摘要：一、页面引入外部文件 比如cdn 1、所有页面引入：在nuxt.config文件中，head属性中进行配置，所有页面都会引入这些文件 2、单个页面引入：在页面组件中，定义head方法即可。 head() { return { title: 'Nuxt牛逼', meta: [ { hid: 'desc
阅读全文
摘要：前言 假设我们原有项目的主题色是蓝色的，这时有个需求，需要把主题色改成橙色的。一般情况下，我们可能会在main.js中引入公共样式文件，但你会发现，在组件中使用公共样式文件中定义的某个参数时，会报一个错误："变量未定义"。 那还有一种写法是，在每个组件中都引入公共样式(注：需要用到公共样式的组件)，
阅读全文
摘要：安装 全局注册 全局注册将一次性引入百度地图组件库的所有组件。需在入口文件main.js中引入vue-baidu-map 因为是全局注册的，所以你可以在任何组件中直接使用： 局部注册 如果有按需引入组件的需要，可以选择局部注册百度地图组件，这将减少工程打包后的容量尺寸。局部注册的 BaiduMap
阅读全文
摘要：html代码 js的话，就一个数组，里面存图片地址 css代码
阅读全文
摘要：公司做的一个后台系统，由于Elemen ui是响应式的，在小屏笔记本中，一行两列的表单会自动变成一行一列，这样就很不美观了，由于是后台系统，当时也没考虑适配问题。 老总 地表最强的电脑 运行了一下，当场就被他叼了。 最后只能回去做适配了，但是发现修改了样式之后，怎么也没效果。 千般百度后，发现了这个
阅读全文
摘要：低版本Element ui tree树形控件获取当前节点id和父节点id的方法：点击查看 最新版本Element ui tree树形控件获取当前节点id和父节点id教程： 1.找到node_modules/element-ui/lib/element-ui.common.js文件 2.按Ctrl+F
阅读全文
摘要：npm run dev运行时报错，原因有很多。 一般用下面这种方法都能解决的。 最简单粗暴的方法： 1.删除依赖包node_modules 2.然后重新npm install就行了 （如果这步报错了，试试cnpm install）
阅读全文
摘要：关于父组件传参给子组件，可以看我另一篇文章 教程开始： 我们要实现的效果是：在子组件的Input框输入，父组件中实时更新显示。(也就是把子组件中的数据传给父组件) 一、子组件代码 template部分 js部分 其实不一定要用wacth来监听数据变化，直接给input加个输入事件，也是可以的。 二、
阅读全文
摘要：其实组件之间传参有很多种方法： 1.通过本地存储 2.使用vuex状态管理 今天记录一下第三种方法 1.首页我们先创建一个项目(创建项目自行百度) 2.打开项目，在components文件夹下新建一个vue文件，我这边以header.vue为例（这个是子组件）： template部分 <templa
阅读全文
摘要：前言：好久没动vue项目了，早上心血来潮、准备写一个项目，然后坚持在github更新，不为别的，只为养成一个习惯。 运行vue init webpack vueTest时，报了下面的错误： 当时我思考了一下，发现没头绪。第一反应把“Error when evaluating filter condi
阅读全文
摘要：打开package.json文件，找到下面的代码 改成 host后面是你的ip地址。
阅读全文
摘要：安装 npm install vuex --save 在使用Vuex前，我们先了解一下这几个东西： state：一般情况下，我们在state里面定义需要共享的参数，它有点类似于Vue中的data mutations：用来改变 store 中的状态，也就是说，你可以在mutations里面定义方法，用
阅读全文
摘要：代码如下：
阅读全文
摘要：下图是一个后台管理系统，展示的是角色列表 当我点击编辑的时候，弹出一个模态框，如下图 功能需求：点击编辑按钮，弹出模态框，选择权限那块，默认选中当前角色拥有的权限。 问题：第一次点击编辑按钮时，不会选中任何选项，当第二次点击时，才会选中上一次角色的权限，也就是说，你随便点击一个编辑按钮，弹窗显示的是
阅读全文
摘要：由于 JavaScript 的限制， Vue 不能检测以下变动的数组： 当你利用索引直接设置一个项时，例如： vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如： vm.items.length = newLength 方法一：如官方文档所示 用法：完成赋值
阅读全文
摘要：安装 使用 在需要使用级联页面的js中按需引入就行了，比如： 实例 注：选择完成之后，它最后的值其实是一个区域码，并不是文字，需要自己用CodeToText处理数据，上面有使用说明 官方文档：https://www.npmjs.com/package/element-china-area-data
阅读全文
摘要：前言： 我们的vue代码打包上传到服务器之后， 要是数据接口 以后换了域名什么的，是不是需要重新去vue文件里修改接口。 能不能生成一个配置文件，里面可以配置域名或其它什么字段之类的，这样以后换了域名，只需打开记事本 修改一下域名即可。 教程： 第一步：安装generate-asset-webpac
阅读全文
浙公网安备 33010602011771号