vue
铭净止水
这个作者很懒,什么都没留下…
展开
-
vue动态创建组件
<template> <div class="b"> <cmp :html="data" @handleChange="handleChange"></cmp> </div></template><script>import Vue from 'vue/dist/vue.common.js'//注意引用方式export default { components: { cmp: { .原创 2020-12-23 15:11:09 · 7577 阅读 · 1 评论 -
vue中监听form发生改变
我实在太懒了,不想一个个字段监听,于是找到了直接监听一个form绑定model的办法watch: { formData:{ handler(val, oldVal){ console.log(val, oldVal) }, deep:true }, },原创 2020-12-08 16:30:10 · 4876 阅读 · 2 评论 -
MacOS下nginx代理设置
首先cmd输入brew install nginx,如果提示updating homebrew..,先输入ctrl+c,等一分钟后再次输入,一般就能安装成功,否则就根据错误提示上网查询吧。然后cmd输入nginx启动,输入localhost:8080即可查看nginx页面。然后打开文件:/usr/local/etc/nginx/nginx.conf添加配置如下upstream my_server {原创 2020-11-22 16:53:42 · 539 阅读 · 1 评论 -
Avoid mutating a prop directly since the value will be overwritten whenever..
vue中将el-dialog封装为子组件的过程中会出现这个问题,据观察应该是因为在父组件传入了dialog的visible参数作为prop,但是dialog作为子组件在关闭时又会修改改值,违背了vue的props的“单向传值”的规则。既然它要求单向传值,那这里只要不要从父组件往子组件里传这个visble作为prop即可,建议在打开时使用this.$refs.子组件名称.visble变量=true来实现对话框组件开启,子组件的关闭时正常将visble变量设置为false即可...原创 2020-10-16 16:39:49 · 453 阅读 · 0 评论 -
vue-element-admin引入jQuery
vue-element-admin框架里有些组件需要引用jquery。和常规的vue不同,这个用的是新的vue-cli框架,所有没有webpack.conf文件。首先在vue.config.js里开头加上const webpack =require('webpack')。然后找到configureWebpack,添加数据项:plugins:[ new webpack.ProvidePlugin({ jQuery:'jquery', $:'jquery原创 2020-09-30 12:18:42 · 1994 阅读 · 3 评论 -
vue在同一个页面重复引用相同组件如何区分二者
1.使用情境:我在同一个vue中引用了同样的一个图层选择的组件,需要区分二者的选择的radio值,如果不做区分,这二者选择的radio值看上去将会一样2.解决方法:先说原理,这个重复引用的组件虽然一样,但是二者在被创建的时候各自走了一遍生命周期,所以变量之间不冲突。首先在引用组件中新增一个props,这里命名为spareId,用来区分二者。然后父组件传值:然后在子组件raido中引入这个spareId:这样就能区分二者选择的不同值。原理是这样,也可根据实际..原创 2020-05-23 09:47:06 · 20184 阅读 · 0 评论 -
vue中使用leaflet,地图加载时残缺时的解决办法
通常这种情况摁一下f12才会显示正常在map容器所在的vue页面中,在方法中加入this.$nextTick(()=>{创建地图对象代码})外面包的那一层的作用是在所有元素加载完毕之后才执行,因为这种情况一般是容器dom还没调整到相应大小,地图就已经创建了,所以在加载完毕之后会显示异常,基于此,就不要在这个里面进行其他操作了...原创 2018-11-28 09:02:27 · 5265 阅读 · 1 评论 -
js调用vue中的methods方法
在此vue指的是后缀为.vue的文件,而不是引用了vue.js的那种形式 在.vue中有这么一个方法:你想在js中调用,或者是用js中的一个方法copy它,使用如下操作:在methods中新添一方法:在mounted中调用:js中:这样FixedTime.approves就等同于那个想导出的方法了,完毕。...原创 2018-09-06 14:30:54 · 25701 阅读 · 1 评论 -
关于vue开发的语法注意事项
1.vue中js与js之间或js与.vue文件之间进行变量传递是使用import和export,如图:使用者: 提供者:所以在Vue使用的js文件中,多将该文件中会创建的所有对象写入一个父级对象中,使用export将父级对象导出,所以要使用js对象字面量的语法,例如function 函数名(){}这种形式应该改成:函数名:function(){}。2.ajax异步请求的then处理事件中不能直接用...原创 2018-04-24 17:38:31 · 613 阅读 · 0 评论