自定控件中间的值如何获取?


#1

有知道Vue如何获取中间文本数据的吗?就在封装组件的时候,把下面“保存数据”的中文获取并且在组件模板中输出。

<tc-button id="btnSave" v-on:click="SaveData" type="button">保存数据</tc-button>

Vue.component("tc-button", {
    props: ['value', 'label'],
    methods: {
        updateVal: function (val) {
            this.$emit("input", val);
            console.log("子控件组件:" + this.label + "Value:" + val);
        },
    },
    template: '<div class="FrmCtr"><button type="text" v-model="value" v-on:input="updateVal($event.target.value)"></button></div>'
});

#2

原生js就可以实现了吧,用data、prop实现也行,最好还是slot


#3

通过prop的什么属性?比如name 可以如下输出,但中间的文本用的是什么props?

template: '<div class="FrmCtr"><button type="text" v-model="value" v-on:input="updateVal($event.target.value)">{{name}}</button></div>'


#4

?,你直接用data也可以,但是每次用组件都要改不是很麻烦么,用prop传递一个初始值会好一点。


#5

我想表达的是怎么把中间这部分文本传递给子控件?通过什么属性获取,然后再封装的组件里面可以使用。