vue的commputed的模板字符串中的标签中使用v-model无法被解析？

Question

var vue_object = new Vue({

     el: '#app',

     data: {
        kuan:"200",
        gao:"30",    
    },

    computed: {

        data_input: function() {
            return `
                <form class='form'>
                    <div class='controls'>
                    //input 的v-model不好使
                         宽：<input type="text" v-model="gao" ></input> 
                          //这个地方要实现值得双向绑定，现在没有效果，使用value={this.gao}可以把值传过来但是没有双向绑定的效果，怎样使这个v-model生效return的是模板字符串不是普通的字符串不能‘+’拼接
                         高：<input type="text" v-model="kuan" ></input>
                        <button class='btn btn-info'>保存</button>
                        <button class='btn btn-danger'>取消</button>
                    </div>
                </form>
             `;
}

Answer 1

computed 内容并不会被解析啊

只有template 标签下面的内容 才会被解析

所以 你computed里面应该写数据 而不是html