vue.js
幻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 评论 -
axios使用formdata方式post数据
let date = "id=" + 1 + "&name=" + hhh;axios({ method: 'post', url: url, data: date , }).then(res=> {})原创 2020-09-23 16:30:05 · 480 阅读 · 0 评论 -
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 · 7471 阅读 · 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 · 3327 阅读 · 0 评论