Javascript Vuejs:我如何用<;路由器链路>;里面是道具吗?
我正在Vue.js中创建一个答案和问题页面,答案封装在另一个组件中。但是,当我尝试这样做时:Javascript Vuejs:我如何用<;路由器链路>;里面是道具吗?,javascript,html,node.js,vue.js,directive,Javascript,Html,Node.js,Vue.js,Directive,我正在Vue.js中创建一个答案和问题页面,答案封装在另一个组件中。但是,当我尝试这样做时: <template> <div> <answer-box answerId="availability" question="Do you stil make ABC?" :answer="answer1" /> </div> </template> <script> import Answer
<template>
<div>
<answer-box
answerId="availability"
question="Do you stil make ABC?"
:answer="answer1" />
</div>
</template>
<script>
import AnswerBox from '@/components/FAQAnswer'
export default {
components: {
AnswerBox,
},
data() {
return {
answer1: 'Sorry, but <strong>no</strong> — we don\'t make
those anymore. However, you may head to our
<router-link to="/partners">partners</router-link>
to check if they still have them',
}
},
}
</script>
从“@/components/FAQAnswer”导入应答器框
导出默认值{
组成部分:{
应答器,
},
数据(){
返回{
回答1:“对不起,但是,不,我们不做决定
这些都没有了。不过,你可以去我们的
合作伙伴
要检查他们是否还拥有它们,
}
},
}
我曾尝试使用computed prop,将“
替换为”
,
在通过道具时将“替换为”
,并将这些
将道具转换为v-html指令。句子被翻译出来了,但是
路由器链接呈现为常规字符串(无链接)
顺便说一句,我正在使用vue 2.5、vscode、eslint 4.10、node 8.9.3、webpack 3.8动态组件,这是您所需要的。请检查此答案,非常感谢您为我指明了方向。这很有帮助。