与模板文字的属性绑定在 vuejs 组件中不起作用？
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<script type="text/x-template" id="permissions">
<div>
<h3 v-bind:data=`haha-${title}` >{{ title }}</h3>
</div>
</script>
<div id="app">
<blog-post title="My journey with Vue"></blog-post>
</div>
<script>
Vue.component('blog-post', {
props: ['title'],
template: '#permissions'
})
</script>
<script>
new Vue({
el: "#app"
});
</script>
</body>
</html>
这是我的代码。我将h3 上的数据属性绑定到“haha”+标题。
该技术适用于常规 vue 元素，但不适用于 vue 组件。结果是
为什么会发生这种情况？如何修复它？
ski*_*tle 13
我相信您正在寻找这个：
<h3 v-bind:data="`haha-${title}`">{{ title }}</h3>
属性值需要用 或"分隔'。该v-bind:前缀使 Vue 将属性的值视为 JavaScript 表达式。在该表达式中，反引号将被解释为您所期望的。您不能只是合并两组引号，它们有不同的用途。
| 归档时间： |
|
| 查看次数： |
3289 次 |
| 最近记录： |