幻ss星-优快云博客

原创 vue 子组件修改父组件的prop值

前端页面有时会出现在子组件中修改从父组件传过来的prop的值，如果直接在子组件中修改该prop的值时控制台会报错。该如何在子组件中修改prop的值呢？一、在父组件中绑定的值加上.sync//使用子组件<common :foo.sync="foo"></common>//datadata(){ return { foo: true }}二、在子组件中修改数据时用this.$emit('update:foo',newValue)

2021-01-06 15:46:23 1448

原创 vue + elementUI 控制tree组件节点的展开状态

vue + elementUI 控制tree组件节点的展开状态在某些时候我们需要控制tree组件的某些节点的展开状态，但是接口又没提供相对应的函数进行控制，接下来我会展示我的实现方式。代码如下：<el-button @click="open">展开</el-button><el-button @click="close">收起</el-button><el-tree ref="tree" :data="treeData" node-key

2020-12-17 15:39:30 2045

原创 axios使用formdata方式post数据

let date = "id=" + 1 + "&name=" + hhh;axios({ method: 'post', url: url, data: date , }).then(res=> {})

2020-09-23 16:30:05 527

原创正则只能输入金额，正则只能输入数字和小数点后两位

functionvaildNum(obj){obj.value = obj.value.replace(/[^\d.]/g,"");//清除“数字”和“.”以外的字符obj.value = obj.value.replace(/\.{2,}/g,".");//只保留第一个. 清除多余的obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");o...

2020-08-26 10:12:41 1734

原创 vue项目中@change函数传参

在vue项目中，CheckBox 的@change函数要自定义传参要如何操作：<el-checkbox label="hello" v-model="helloNum" @change="changeFunc($event,'自定义参数')" ></el-checkbox>methods: { changeFunc(val,'自定义参数') { ...

2020-01-10 12:16:53 7541 1

原创 vue-cli build vendor.js 过大

vue-cli npm run build命令默认把dependencies中的依赖统一打包，导致vendor.js文件过大，出现首屏加载过于缓慢的问题。解决方案：首先，vue、axios、element-ui这些基本上不会改变的依赖我们可以把它们用cdn导入，没有必要打包到vendor.js中。在根目录下的index.html中使用cdn节点导入这些js<div id="app">&...

2018-07-05 14:43:51 3360

原创 mobiscroll.js select

今天早上用到了mobiscroll.js的select组件。虽然，直接使用select组件会生成一个input标签，从这个input标签就可以获得我们选择的值；根据需求我在点击自己写的input标签是才触发select组件，可是这样就无法获得组件生成的input的值。该如何做呢，让我们来一步步的去实现它吧。首先要在页面引入mobiscroll.css和mobiscroll.js，我用的是jQue

2017-06-22 14:43:43 5312

原创 input file 上传图片预览

在HTML中，input （type= file）上传图片时如何预览图片。结构如下：<input type="file" name="" id="updataimg" /><img id="imgs" src="" />javascript: 1.先获取input和img对象var ipt = document.getElementById('updataimg');var imgs =

2017-05-04 17:21:01 471

原创 JavaScript indexOf()

定义和用法 indexOf()：方法可返回某个指定的字符串值在字符串中首次出现的位置。 strObj.indexOf(strval,index); strval: 必需。规定需检索的字符串值。 index：可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 strObj.length - 1。如省略该参数，则将从字符串的首字符开始检索。例子：var str = "123

2017-04-27 11:09:58 259

hds1021的博客