wcdunf的博客

【代码】vue 监听浏览器窗口放大缩小方法。

最近在开发点餐系统的找人付款的功能，生成付款二维码，生成后用户可以分享二维码发送给朋友替他付款，但是微信小程序是无法分享图片的，需要把图片保存到相册里面，然后在微信里面分享相册里面的图片就行了，但是后台给的图片是base64图片，那么如何下载base64图片呢？如果直接用wx.downloadFile方法会提示，我们使用uni.FileSystemManager.writeFile 将 ArrayBuffer 写为本地用户路径的二进制图片文件。

uniapp vue axios

一直以来我用的都是错误的方法，如下：<style scoped>@import url('../assets/css/edit.css');/*@import 'details.scss';*/</style>这样的写法作用域是全局，并非是局部。原因：在其他文章看到：在生产环境中不要使用@import引入css，因为在请求到的css中含有@import引入css的话，会发起请求把@import的css引进来，多次请求浪费不必要的资源。@import并不是引

1. 安装jqnpm i jquery2. 在main.js中 引入jq，并挂在到全局import jquery from 'jquery'; // ES6 Module/*挂在到全局*/Vue.component('vue-ueditor-wrap', VueUeditorWrap);Vue.component('QQMap', QQMap).../*挂在到全局*/window.$jquery = jquery3. 调用jquery$jquery.ajax({

<p @click = “clickfun($event)”>点击</p>methods: {clickfun(e) {// e.target 是你当前点击的元素// e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML #获得点击元素的第一个子元素 e.currentTarget.firstElementChild.

简介页面上，有纵向滚动的元素，也有横向滚动的元素。由于纵向滚动是默认的，所以就需要把横向滚动事件区分开来。具体实现对需要滚动条（纵向转变为横向）的标签设置个id（避免重复），然后调用如下 setScroolFun 方法（注意元素渲染后调用）。data () { return { documentObj : null }},methods: { setScroolFun () { this.documentObj = document.getElemen.

问题描述Vue提供了一个watch方法可以让使用者去监听某些data内的数据变动，触发相应的方法，比如queryData: { name: '', creator: '', selectedStatus: '', time: [],},现在我需要监听这个queryData，我可以这样做：watch: { queryData: { handler: function() { //do som...

第一步：下载1.创建"download"目录[root@iZwz9ilgwpv13yfj6al4pxZ /]# cd /[root@iZwz9ilgwpv13yfj6al4pxZ /]# mkdir download[root@iZwz9ilgwpv13yfj6al4pxZ /]# cd download2.下载redis[root@iZwz9ilgwpv13yfj6al4pxZ download]# wget http://download.redis.io/releas.

let pageObj={a:'123',b:'456'}let obj = Object.assign(pageObj,{"c":'789'});//pageObj所有的属性复制道新的对象中console.log("obj:::", obj)//{a:'123',b:'456',"c":'789'}

//dom区 <div v-for="(form,index) in formList" :key="index"> <fm-generate-form :data="form" :remote="remoteFuncs" :value="editData" ...

【数组方法】目录【数组方法】 let sum=0 const ss=[1,2,3,4,5,6] //抽离方法 function test (s) { sum+=s console.log(s) } ss.forEach(tes...

经过网上查找很多资料，发现很多只有vue+cordova的项目整合，但是vue使用cordova插件的文章很少，现在把从创建cordova和创建vue到vue使用插件到项目打包到android手机运行过程记录下来；先上项目结构目录cordova项目创建1、安装cordova环境这个这边就不描述了，网上很多教程2、创建cordova应用cordova createappcom...

/** * 文件处理 * @param obj */ function fileToBase64(obj) { var list=[] var files = obj.files;//files是file集合 for (var i = 0; i < files.length; i++) { ...

<!--图片，文件的上传与图片展示--> <el-upload class="upload-demo" ref="upload" action="" :on-preview="handlePreview" :on-remove="imgRemove" :o...

//todo 要截取的字符串let text="你好,我好大家好!" //todo ”，“ 是条件let Str=text.lastIndexOf("\,");//todo 截取后面的部分console.log(text.substring(Str+1,text.length))//todo 截取前面的部分console.log(text.substring(Str-1,t...

var arr = ['a','b','c','d','e','f','g','h','i'];for(let i=0;i<arr.length;i++){ // arr.splice(i,1);//(循环删除所有元素)i是索引，1是长度，null的意思是该元素替换为null if(i==2){ arr.splice(i,1);//删除第2个元素...

vue2.0项目中使用Ueditor富文本编辑器示例最近在vue项目中需要使用富文本编辑器，于是将Ueditor集成进来，作为公共组件。在线预览：https://suweiteng.github.io/vue2-management-platform/#/editor项目地址：https://github.com/suweiteng/vue2-management-platform 记得在...

main.js中引入import './utils/directive.js'//路径改为自己的，这里不加from ,不use

首先，配置路由 { path: '/Home', name:'Home', component: Home },第一种方法：query方式（get传参） this.$router.push({path: '/Home',query:{ ddd:'332'}}); //用query方式传参，类似get方式，在浏览器中显示参数和值，path填写路由配置中...

事件处理 如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量$event，把它传入到methods中的方法中。 在Vue中，事件修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理。在Vue中事件修饰符主要有：.stop：等同于JavaScript中的event.stopPropagation...

Vue + ElementUI + SpringMVC 实现分页这一段时间写项目用到了 Vue+ElementUI，这里记录一下使用 ElementUI 内置分页插件结合后端 SSM 框架的实现思路和实现过程。其中遇到了很多坑，我会尽量把见到的坑都记录下来，希望对你有所帮助。首先让我们看一下最终效果：起步本博文的主要讲一下 Vue+ElementUI 结合后端 Spri...

宝贵的开发经验，请加倍珍惜！因为整个百度，可能只有我发现并解决了这个问题。本次弹框以“弹出表格为例”。看效果图：看代码：StuAndCou.vue <el-button @click="addStudent" type="success" round icon="el-icon-check">添加学生</el-butto...

场景和环境：web软件开发，JavaScript API v3.01.安装NPM$ npm install vue-baidu-map --save2.配置webpack.base.conf.js //全局安装后，这里可以不加 externals: { "BMap": "BMap" },3.配置index.html<!DOCT...

类 BMapLib.DrawingManager鼠标绘制管理类，实现鼠标绘制管理的入口。 实例化该类后，即可调用该类提供的open 方法开启绘制模式状态。 也可加入工具栏进行选择操作。源文件:DrawingManager.js.类类 描述 BMapLib.DrawingManager(map, opts) DrawingManager类的构造...

一. webpack.base.conf.js externals: { "BMap": "BMap" }二. main.jsimport BMap from 'BMap' //全局注册，一定要放在vue下面new Vue({ BMap,//挂载，非npm命令引入的组件，在这里挂在 router, render: h => h(App)...

//第一种方法 var that =this;//将vue当前的this再次赋值，在下面才能继续调用（注意，必须在function之外进行） //第二种方法 window.aa = this.aa //这种方式赋值后，在function中调用直接写为“ aa ” function boundary() { // this.aa = 1...

我会尽量写得简明一些，希望大家能够理解透彻。1.子父组件关系的理解一句话：引用者是父，被引用者是子。这样能理解吗？2.注册已引入的子组件！！！这里需要注意的坑，如果子组件和父组件不在同一个文件夹中，则在引入子组件的时候，需要明确指定子组件的全路径名，src改为@号3.父组件获取子组件的变量或方法在完成子组件的引入，注册，和实现的基础上，就可以调用子组件中的变量和方法...

that.$options.methods.ss()//ss()是方法名，由于在function中，所以thi移植给that