如何从 vue.js 数据中获取一个值到另一个数据参数中
How to grab a value from vue.js data into a another data parameter
我正在使用 vue.js 和 vue-qrcode我将一些用户数据存储在本地存储中并正确获取。
<template>
<div class="row" style="100%;">
<div class="center-block" style="width:200px">
<qrcode :size="size" :val="val"></qrcode>
</div>
</div>
{{content.last}}
</template>
<script>
import store from '../store'
var content = [];
export default {
data() {
return {
content: store.todoStorage.fetch(),
size: 250,
fgColor: '#007a33',
bgColor: '#ffc72c',
val: "BEGIN:VCARD'r'nVERSION:2.1'r'nN:john;doe'r'nFN:asd " + content.last + "'r'nTEL;TYPE=cell:234'r'nEMAIL;PREF;INTERNET:234234'r'nEND:VCARD"
}
},
components: {
qrcode: VueQr
},
}
</script>
我尝试将字符串放入模板中,它在哪里工作,但是,QR 不知何故格式不正确。如果我删除变量并在 data() val 模型中仅使用文本,QR 是完美的并且它可以工作。但是,我需要从上面的内容模型中获取 4 个值。
如果不看到整个 Vue 应用程序,很难分辨。这是肯定的,您不能在对象中使用content.last
val
因为它是未定义的。基本上,您是在它存在之前分配它。计算对象应该会有所帮助。
像这样:
computed: {
val() {
var content = store.todoStorage.fetch();
return "BEGIN:VCARD'r'nVERSION:2.1'r'nN:john;doe'r'nFN:asd " + content.last + "'r'nTEL;TYPE=cell:234'r'nEMAIL;PREF;INTERNET:234234'r'nEND:VCARD"
}
}
同样,不确定这是否会在不看到您的代码的情况下解决,但它可能会让您走上正确的道路。
相关文章:
- 正在传递JSONP标头's数据参数到另一个文件中的AJAX请求
- 使用ajax将数据从一个步骤发送到下一个步骤的3步表单
- 将节点数据分配给另一个变量jstree
- 用javascript将数据从一个窗口传递到另一个窗口
- 动态构建一个数据表与scriplets
- javascript函数将数据添加到屏幕,但随后被另一个函数覆盖
- 让谷歌数据图表有一个24小时x轴
- 如何创建一个包含许多数组和数据的json对象
- 如何使用另一个字符串作为模板从字符串中提取数据
- 如何将JavaScript变量的数据传递到另一个php页面
- 在条形图中呈现数据AngularJS,如何制作一个好的多条形图
- 使用数据属性将HTML数据复制到另一个元素
- 事件循环的MEAN.JS setInterval进程(从另一个服务器获取数据)
- 订阅一个具有角度的websocket的连续数据
- d3.csv有很多数据,只画了一个月
- 如何从另一个序列或数据中获取值
- 当单元格内容由于forumula从另一个工作表编译数据而更改时发送电子邮件
- 需要一个用于AJAX的Javascript库,其中包含多部分/表单数据
- 用ng重复或ng模型填充一个文本区域,这样它就不会用迭代的数据一个接一个地创建新的文本区域
- 如何将行数据一个接一个地附加到表中