首页 \ 问答 \ 如何在Vue js中访问子属性(How to access child property in Vue js)

如何在Vue js中访问子属性(How to access child property in Vue js)

 顶部菜单/的script.js  
module.exports = {
    components: {
        'topmenuSearch': require('vue').extend(require('./topmenu-search/component.vue'))
    }
}
 
 /topmenu/template.html  
<div class="search-overlay" v-if="topmenuSearch.searching"></div>
 
 /topmenu/topmenu-search/script.js  
module.exports = {
    data: function(){
        return {
            results: [],
            searchValue: '',
            searching: false
        }
    }
}
 
 在控制台我得到  
build.js:3008 [Vue warn]: Error when evaluating expression "topmenuSearch.searching": TypeError: Cannot read property 'searching' of undefined (found in component: <topmenu>)
 
 我怎样才能访问topmenuSearch的孩子，这样我才能做到这一点？ 

topmenu/script.js 
module.exports = {
    components: {
        'topmenuSearch': require('vue').extend(require('./topmenu-search/component.vue'))
    }
}
 
/topmenu/template.html 
<div class="search-overlay" v-if="topmenuSearch.searching"></div>
 
/topmenu/topmenu-search/script.js 
module.exports = {
    data: function(){
        return {
            results: [],
            searchValue: '',
            searching: false
        }
    }
}
 
In console I get 
build.js:3008 [Vue warn]: Error when evaluating expression "topmenuSearch.searching": TypeError: Cannot read property 'searching' of undefined (found in component: <topmenu>)
 
How can I access the topmenuSearch child so I can do this thing?

原文：https://stackoverflow.com/questions/36766354

更新时间：2023-05-28 20:05

最满意答案

 如果你有这样的表格：  
<form id="form1" runat="server" method =" post">
    <asp:HiddenField runat="server" id="test" />
    <script type =" text/javascript" src="JavaScript1.js"  >
    </script>     

     <script type ="text/javascript">
            GETdateTime("<%=test.ClientID %>");
     </script>
</form>
 
 比你需要一个JavaScript：  
function GETdateTime(hiddenFieldID) {
    var d = new Date()
    var date = new String(d.getDate() + "/" + (d.getMonth() + 1) + "/" + d.getFullYear());
    var time = new String(d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds());
    document.getElementById(hiddenFieldID).value = "<br>" + date + "<br>" + time;
}
 
 在提交表单之后的代码中，要获得使用JS设置的值，您可以简单地执行以下操作：  
hiddenFieldVal = test.Value 

If you have a form like this: 
<form id="form1" runat="server" method =" post">
    <asp:HiddenField runat="server" id="test" />
    <script type =" text/javascript" src="JavaScript1.js"  >
    </script>     

     <script type ="text/javascript">
            GETdateTime("<%=test.ClientID %>");
     </script>
</form>
 
Than you need a javascript: 
function GETdateTime(hiddenFieldID) {
    var d = new Date()
    var date = new String(d.getDate() + "/" + (d.getMonth() + 1) + "/" + d.getFullYear());
    var time = new String(d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds());
    document.getElementById(hiddenFieldID).value = "<br>" + date + "<br>" + time;
}
 
Than, in code behind after form submitted, to get a value set with JS you can simply do: 
hiddenFieldVal = test.Value

如何在Vue js中访问子属性(How to access child property in Vue js)

最满意答案

相关问答

外部js文件未在vs 2013中更新(external js file not updating in vs 2013)[2023-11-08]

在ASP.NET中，如何防止篡改隐藏字段值(In ASP.NET, how to prevent tampering for a hidden field value)[2023-10-23]

如何将控件的ID传递到外部javascript文件？(How to pass control's ID into an external javascript file?)[2023-12-19]