javascript
幻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 · 1393 阅读 · 0 评论 -
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 · 1922 阅读 · 0 评论 -
正则只能输入金额,正则只能输入数字和小数点后两位
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 · 1675 阅读 · 0 评论 -
JavaScript indexOf()
定义和用法 indexOf(): 方法可返回某个指定的字符串值在字符串中首次出现的位置。 strObj.indexOf(strval,index); strval: 必需。规定需检索的字符串值。 index: 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 strObj.length - 1。如省略该参数,则将从字符串的首字符开始检索。例子:var str = "123原创 2017-04-27 11:09:58 · 229 阅读 · 0 评论 -
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 · 416 阅读 · 0 评论 -
mobiscroll.js select
今天早上用到了mobiscroll.js的select组件。虽然,直接使用select组件会生成一个input标签,从这个input标签就可以获得我们选择的值;根据需求我在点击自己写的input标签是才触发select组件,可是这样就无法获得组件生成的input的值。该如何做呢,让我们来一步步的去实现它吧。首先要在页面引入mobiscroll.css和mobiscroll.js,我用的是jQue原创 2017-06-22 14:43:43 · 5247 阅读 · 0 评论 -
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 · 3327 阅读 · 0 评论