最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • vue slot 插槽里面传递事件 调用外层的函数

    正文概述 掘金(Try to do)   2021-04-01   889

    由于 有些页面比较类似 都是有相同的东西 我就想着用插槽的方法 去写个模板组件 减少 代码重复量 也可以节省开发时间

    vue slot 插槽里面传递事件 调用外层的函数 在helloWorld 组件里面定义一个具名插槽 名字为head 这里捆绑了2个属性 data 跟done 其中done 是个方法

    vue slot 插槽里面传递事件 调用外层的函数 在app.vue 文件使用的时候 就通过 #号简写的方式进行接收 后面用解构的方式 将插槽的属性接受过来 类似于props,官网的案例

    vue slot 插槽里面传递事件 调用外层的函数 我这边的done 方法是可以直接调用的

    vue slot 插槽里面传递事件 调用外层的函数

    也是类似于调用子组件的方法,当然 有时候 层级多的时候调用子组件的方法 就不太的方便 这时候呢就可以使用这种方式

    vue slot 插槽里面传递事件 调用外层的函数

    vue slot 插槽里面传递事件 调用外层的函数 如果 要先处理数据然后调用这个方法呢?我也是想了好久 因为 在标签上只能调用一个方法 不能调用多个方法,不像写js 一样 调用几个就写几个,这个时候呢就可以把方法当作参数传递,然后类似于回调函数一样调用

    vue slot 插槽里面传递事件 调用外层的函数

    vue slot 插槽里面传递事件 调用外层的函数 在接受参数的时候也可以给参数重命名 这样子可以让回显的时候直接显示不用再处理数据

    vue slot 插槽里面传递事件 调用外层的函数

    vue slot 插槽里面传递事件 调用外层的函数

    每天进步一点点


    起源地下载网 » vue slot 插槽里面传递事件 调用外层的函数

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元