模态框中的数据清空,只能用vue名字进行设置空值吗?,通过$("#xxid").val(""); 不好使

      
        //点击弹出modal的方法:
        $("#domain").click(function(){
            domainVue.path = '';
            domainVue.url_descrip = '';
            domainVue.domainInit();
            $('#domainVue').modal({backdrop: 'static'});
        })
        
        var domainVue = new Vue({
            el: '#domainVue',
            data: {
                path:'',
                url_descrip:'',
            },
            methods: {
                
            },
            mounted: function () {
                
            }
        });
        
    <%-- 选择域名窗口 START--%>
    <div class="modal inmodal" id="domainVue" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated bounceInRight">
                <%-- header区域中的路径和描述,每次要清空--%>
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span> <span class="sr-only">Close</span>
                    </button>
                    <h4 class="modal-title">域名选择</h4>
                    <div class="form-group">
                        <input type="text" class="form-control input-sm" v-model="path" placeholder="必须输入项目路径">
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control input-sm" v-model="url_descrip" placeholder="必须输入项目描述">
                    </div>
                    <div class="input-group">
                        <input type="text" class="form-control input-sm" v-model="domain" placeholder="请输入查询条件">
                        <span class="input-group-btn"> 
                            <button type="button" class="btn btn-sm btn-primary" v-on:click="domainInit()">查询</button>
                        </span>
                    </div>
                </div>
                <div class="modal-body">
                
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <%-- 选择域名窗口 END--%>

猜你喜欢

转载自blog.csdn.net/qq_39822451/article/details/85599047
今日推荐