Vue子组件调用父组件的函数的方法

vue子组件调用父组件的函数的方法还有超简单的写法,我也是最近在VUE模块化开发时在网上寻找的方法,下面给大家列出了三种不同的写法,都可以完美的实现子组件调用父组件内的函数,曾经我一直使...

  • 0
  • 0
  • admin
  • 发布于 2020-12-17 12:36
  • 阅读 ( 1010 )

微信小程序的生命周期

vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。 onLoad: 页面加载一个页面只会调用一次,可以在 onLoad 中获取打开当前页...

  • 0
  • 0
  • admin
  • 发布于 2020-12-15 14:30
  • 阅读 ( 720 )

uniapp 小程序获取设备型号

使用uniapp开发微信小程序时获取手机设备型号很简单,此方法还适用于H5,以及生成的其他小程序,下面给大家写出两种方法实现。 onLoad() { uni.getSystemInfo({ success: function(res)...

  • 0
  • 0
  • admin
  • 发布于 2020-12-15 13:13
  • 阅读 ( 760 )

vue中引入echarts的两种方式

1. main.js中配置 import echarts from 'echarts' //引入echartsVue.prototype.$echarts = echarts //引入组件 2. echarts.vue中引用 <div id="myChart" :style="{width: ‘300px‘...

  • 0
  • 0
  • admin
  • 发布于 2020-12-14 14:32
  • 阅读 ( 801 )

echarts图表在VUE里响应式加载的写法

正常情况下想要实时获取浏览器窗口的宽度和高度只需要写一个监听浏览器窗口大小改变时获取当前宽度输出即可,在JS里有原生事件,但在vue里很多同学不知道应在将此事件写在哪里,下面给大家提供...

  • 0
  • 0
  • admin
  • 发布于 2020-12-14 11:39
  • 阅读 ( 677 )

echarts图表在JS里响应式加载的写法

其实也很简单,下面有实例,直接粘贴就可以用,主要原理是屏幕大小改变的事件内写了一下下代码 window.onresize = function() { myChart.resize(); }   完整示例: <!DOCTYPE html&g...

  • 0
  • 0
  • admin
  • 发布于 2020-12-14 11:18
  • 阅读 ( 721 )

Vue监听浏览器窗口大小发生变化触发的事件

监听浏览器窗口大小发生改变并触发事件在JS里有原生事件,但在vue里很多同学不知道应在将此事件写在哪里,下面给大家提供一个完整的案例。 <!DOCTYPE html> <html> <head>...

  • 0
  • 0
  • admin
  • 发布于 2020-12-14 11:15
  • 阅读 ( 684 )

VUE获取屏幕浏览器窗口的宽度与高度

正常情况下想要实时获取浏览器窗口的宽度和高度只需要写一个监听浏览器窗口大小改变时获取当前宽度输出即可,在JS里有原生事件,但在vue里很多同学不知道应在将此事件写在哪里,下面给大家提供...

  • 0
  • 0
  • admin
  • 发布于 2020-12-14 11:11
  • 阅读 ( 652 )

VUE实时获取屏幕窗口宽度与高度

正常情况下想要实时获取浏览器窗口的宽度和高度只需要写一个监听浏览器窗口大小改变时获取当前宽度输出即可,在JS里有原生事件,但在vue里很多同学不知道应在将此事件写在哪里,下面给大家提供...

  • 0
  • 0
  • admin
  • 发布于 2020-12-14 11:05
  • 阅读 ( 878 )

Bootstrap-Table表格合并行

Bootstrap-Table表格合并行可以实现,但那是错误的方法,你要的效果可以实现,但是你的思路有问题,我最近也在项目上遇到这个问题,由于之前做VUE分离项目比较多,现在调到这里修修改改的,对Bo...

  • 0
  • 0
  • admin
  • 发布于 2020-10-16 13:32
  • 阅读 ( 928 )

input使用disabled禁止输入时form表单获取不到input的值

遇到问题,先知道原因,在开发时,发现自己的代码明明没有错,可是发送请求时发现某些input的字段并没有发送给后台,最后测试发现是input设置disabled=”disabled“所造成的,用了它之后form内取...

  • 0
  • 0
  • admin
  • 发布于 2020-10-15 16:52
  • 阅读 ( 815 )

bootstrapTable点击修改表格中某一行的数据

由于对bootstrapTable表格不太熟悉,开始直接去网上找结果,但并不是我想要的,后台想了下,并自己实现,下面给大家分享一下,先看效果图。注意:我现在只需要修改其中5条字段,此方法设置几条...

  • 0
  • 0
  • admin
  • 发布于 2020-10-15 13:32
  • 阅读 ( 658 )

JS字符串与对象互相转换

将对象转为字符串 const obj = { id: 0, name: '张三', age: 12 } const objToStr = JSON.stringify(obj) console.log('obj:', obj) console.log('objToStr:', objToStr) 效果...

  • 0
  • 0
  • admin
  • 发布于 2020-10-15 12:43
  • 阅读 ( 695 )

JS事件内动态变量传参拼接

用久了VUE,真的不想回归JS啊,但也没有办法,上次便遇到了这个问题,解决后在此分享一下。 JS事件内动态传值,多用于渲染模板,拼接模板时使用,下面请看代码。 actions.push('<a class="...

  • 0
  • 0
  • admin
  • 发布于 2020-10-15 11:59
  • 阅读 ( 635 )

layer弹出层全屏显示及如何关闭的方法

以下代码便可以设置全屏展示,content内可以设置链接,网络连接,或者获取自己写的div等 var index = layer.open({                      type: 2,                      content: url,       ...

  • 0
  • 0
  • admin
  • 发布于 2020-10-14 16:57
  • 阅读 ( 734 )

layer提示框添加多个按钮选择的方法

function jumpChoose(argu) { //询问框 var index = layer.confirm('下载文件还是在线预览呢?', {  btn: ['在线预览','下载',"关闭"], //按钮  shade: false //不显示遮罩 }, function(){  //...

  • 0
  • 0
  • admin
  • 发布于 2020-10-14 16:42
  • 阅读 ( 771 )

js实现点击下载文件

有很多场景需要点击下载文件,比如我们点击按钮导出表格时会访问后台接口,后台接口返回给我们下载链接(可直接输入到浏览器即可访问下载的地址),此时我们会做下载处理,一下有两种实现方式;...

  • 1
  • 0
  • admin
  • 发布于 2020-10-14 16:40
  • 阅读 ( 689 )

vue 验证码界面实现点击后标灰并设置div按钮不可点击状态

1、先看看效果图 未点击获取验证码的按钮状态 点击后的不可点击状态 2、代码实现 <template> <div class="my-code"> <input class="my-code-input" type="text" v-m...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-09-09 10:15
  • 阅读 ( 1218 )

vue动态禁用控件绑定disable的例子

场景 报修范围取值不同时 ,区域有时需要禁用 代码 <el-form-item label="报修范围" prop="applicationRange" > <el-select v-model="addInfo.applicationRange" placeholder="请...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-09-09 10:10
  • 阅读 ( 782 )

VUE.js实现动态设置输入框disabled属性

需求背景 页面从list列表展示,跳转到新增和修改的时候,新增和修改用的是同一个页面:add-or-update.vue。 修改的时候用户的账号不能修改,因此需要将账号的输入框属性设置为"只读"。 代码...

  • 0
  • 0
  • 粪斗
  • 发布于 2020-09-09 10:03
  • 阅读 ( 728 )