亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關于vue .sync修飾符

關于vue .sync修飾符

瀟瀟雨雨 2018-10-24 11:18:36
vue中的sync修飾符是一種組件屬性雙向綁定的語法糖。假如有組件1var component1 = {     template:'<div v-show="visible">我是{{title}}</div>',    props:['title','visible'] }其中visible要使用sync修飾符<template>     <components1 title="我是title" :visible.sync="visible"></components1></template><script>     export default {         data(){            return {                visible:false             }         }     }</script>以上是正常的寫法,那么我現在要用構造函數的形式調用components1,帶有sync修飾符的屬性應該怎么寫var constructor = Vue.extend(component1)var vm = new constructor({     propsData:{         title:'我是title',        'visible.sync':true //這樣寫不對,應該怎么寫     } })為什么踩我問題(手機app可以看到是誰踩了),是我問的太傻b了,還是你們都是大神,不屑于回答這種問題。
查看完整描述

1 回答

?
月關寶盒

TA貢獻1772條經驗 獲得超5個贊

貌似函數式調用不能使用語法糖,只能這樣寫

var constructor = Vue.extend(component1)var vm = new constructor({
    propsData: {
        visible: true
    }
})vm.$on('update:visible', v => {
    vm.visible = v
})vm.$mount()this.$el.appendChild(vm.$el)


查看完整回答
反對 回復 2018-10-24
  • 1 回答
  • 0 關注
  • 1730 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號