我想做的事情看似简单,但我似乎无法弄清楚。基本上,我有 2 个文件:
包含以下内容的 PHP 文件:
...
<user-panel v-if="user.id && loaded" v-bind:user="user" v-bind:name="theUserName"></user-panel>
...
具有以下内容的 .Vue 组件文件(被编译到另一个文件中):
<template>
<span id="userPanel" class="d-flex align-items-center">
<a href="#" role="button" class="user-dropdown-toggle">
<div class="logged-in d-flex align-items-center">
<span class="d-flex align-items-center justify-contnet-center"></span>
{{name}}
</div>
</a>
</span>
</template>
<script>
export default {
name: "UserPanel",
props: ['user'],
created () {
console.log(this.$refs.myTestField.value)
}
}
</script>
我想做的就是将数据从 PHP 传递到 Vue{{name}}。我尝试过 v-bind、数据属性、隐藏输入等。任何帮助将不胜感激。
我的目的是将数据从 .php 文件传输到 VUE 代码所在的 .js 文件。我在这里向您展示我的代码。在建议的示例中,我想导入一个简单的字符串,随后我想导入一个 JSON。太感谢了。
文件 PHP
<div id='app'> <App v-bind:import='Value Import'> C'è QUALCHE PROBLEMA </App> </div>"
File .js
var App = Vue.component("App", {
template: `
<div class="container">
<div>
<h2>{{ titolo }}</h2>
<h3>{{ import }}</h3>
</div>
</div>
`,
props: ['import'],
data() {
return {
color: "color: red",
titolo: "Inizio Container",
};
}
});
new Vue({
el: "#app",
});
Quanto sopra purtroppo non funziona。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)