相思资源网 Design By www.200059.com
$emit(update: prop, "newPropVulue") 这个模式，使子组件向父组件传达：更新属性，并抛出新的属性值
.sync 修饰符 是父组件中修改prop值得修饰符
一：什么地方需要用到.sync修饰符呢
当子传父，父级有两数据，而没有v-modal时
例如iview的Tree组件中：
父级：
<folder-tree
:folder-list.sync="folderList"
:file-list.sync="fileList"
:folder-drop="folderDrop"
:file-drop="fileDrop"
:beforDelete="beforeDelete"
/>
import FolderTree from '_c/folder-tree'
export default {
components: {
FolderTree
},
}
子级：
<Tree :data="folderTree" :render="renderFunc"></Tree>
子级方法中的写法：
let updateListName = isFolder "color: #ff0000">二：.sync与$emit的写法问题
使用.sync修饰符,即
// this.$emit('update:folder-tree',100); //无效 this.$emit('update:folderTree',100); //有效 //...... <folder-tree v-bind:folder-tree.sync="test"></folder-tree>与不使用.sync，即
this.$emit('update:folder-tree',100); //有效 //this.$emit('update:folderTree',100); // 无效 //...... <folderTree v-bind:father-num="test" v-on:update:folder-tree="test=$event" ></folderTree>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无vue子传父关于.sync与$emit的实现的评论...