如何将数据从html (Django后台)发送到js (Vue前端)
将数据从HTML（Django后台）发送到JS（Vue前端）可以通过以下步骤实现：
- 在Django后台，首先需要将数据从后台传递到前端。可以通过在后台的视图函数中使用上下文（context）将数据传递给模板。例如，可以在视图函数中查询数据库获取数据，并将其作为上下文的一部分传递给模板。
- 在Django模板中，可以使用模板语言将数据渲染到HTML页面中。可以通过在模板中使用变量和标签来访问传递的数据。例如，可以使用{{ variable_name }}来显示变量的值。
- 在Vue前端，可以通过在HTML页面中引入Vue.js库来处理数据。可以在Vue实例中定义一个data属性，并将从后台传递的数据赋值给该属性。这样，数据就可以在Vue前端中进行处理和展示。
- 在Vue前端的JS代码中，可以使用Vue提供的数据绑定和计算属性等功能来操作和展示数据。可以通过访问Vue实例中的data属性来获取后台传递的数据，并在前端进行相应的操作。
总结： 将数据从HTML（Django后台）发送到JS（Vue前端）可以通过在Django后台将数据传递给模板，然后在Vue前端通过Vue实例的data属性获取数据来实现。这样可以实现数据在前后端之间的传递和展示。
相关·内容
1回答
将数据从Django视图作为JSON对象传递到vue实例
html、django、vue.js
我有以下Django view方法，用于将信息发送到details.html中的一些Vue.js前端代码。我基本上想知道如何将数据发送到vue模板。如何进行JSON转储？我想这就是我搞砸的地方。 def works(request):
heading_info = Heading.objects.order_by('-name')[:1]
welcome_info = Welcome.objects.order_by('-title')[:1]
skills_info = Skill.objects.order_by('posi
浏览 34提问于2020-10-05得票数 3
回答已采纳
1回答
如何从模型中获取字段并计算一些字段并将它们传递给我的模板？
django、django-views、django-templates
我的model.py
class Main(models.Model):
name= ....
amount = models.PositiveIntegerField(default=40000)
我认为：
def mainf(request):
listmain = models.Main.objects.all()
for data in listmain:
value = data.amount * 5
calculated_data = data_and_value
context = {'
浏览 3提问于2021-12-16得票数 0
回答已采纳
1回答
用Vue.js循环json以填充html表
javascript、html、vue.js
在页面加载时，我从数据库中获取一些json格式的数据。现在，我想使用Vue.js循环这个json并构建一个html表。
Javascript/Vue.js部分：
callStocks = function () {
var app = new Vue({
delimiters: ["[[", "]]"],
el: "#stocksTerminal",
data: {
stocks: []
},
浏览 1提问于2020-05-17得票数 0
回答已采纳
2回答
如何将道具从另一个js模块传递给Vue？
javascript、vue.js
是否可以将道具从js模块传递到vue？
道具在组件之间传递得很好，但并不是来自实际的Vue应用程序本身：
main.js
import Vue from 'vue'
import App from './App.vue'
var myVue = new Vue({ export to other files
el: '#entry',
components: {App},
render: h => h(App),
data: function(){
return{
testSuccess:'
浏览 2提问于2019-12-05得票数 2
回答已采纳
1回答
VueJS --将标记中的数据发送到Vue实例，以便在挂载()中使用
javascript、vue.js、vuejs2
对于我的“项目”，我有几个不同的检查列表，并使用相同的Vue实例来处理从我的数据库中获得的这些检查列表。但是，我遇到了一个问题，在这个问题中，我真的希望在我的id方法中使用项目的type和type的检查表来帮助我的Controller端点(我使用的是laravel，但这里不相关)指向正确的数据库行。
例如：
HTML
<ul class="vue-checklist" data-project="16" data-type="permits">
</ul>
<ul class="vue-checklist&
浏览 1提问于2017-06-28得票数 1
回答已采纳
3回答
有没有任何(简单的)方法将变量从Express传递给Vue.js？
node.js、express、vue.js、passport.js、vuejs2
好的，所以我才刚开始学习Vue.js，例如，仅仅使用EJS就很难做一些非常简单的事情。为了当前的项目，我即将放弃Vue，因为我不知道如何将res.locals.something从Express服务器传递到Vue前端。顺便说一句，这是Passport.js的事情-当被认证时，用户应该被重定向，但是我必须传递用户是否登录到Vue (res.locals.isLogged = req.isAuthenticated();)的信息，用我目前(接近0)的Vue.js技能，这似乎是不可能的.我找到的唯一解决方案是在客户端使用ajax (axios是我的选择)请求，目标是服务器上的/login/faceb
浏览 4提问于2017-07-09得票数 3
回答已采纳
1回答
将Django数据传递到Vue组件
javascript、django、vue.js、vuejs2、vue-component
我使用Django作为后端，并试图将一些数据传递到我创建的Vue表组件中。我用这个设置它，组件在使用webpack时显示得很好。我试图将数据设置为javascript常量，然后将其传递到组件中。数据似乎没有经过。下面是我的脚本的布局方式。
index.html
{% block content %}
<script>
const gridData = {{json_data|safe}};
console.log(gridData)
</script>
<div id="app">
<table_com
浏览 6提问于2020-02-28得票数 2
1回答
将Vue.js中某一行的一些变量作为参数传递给vue.js方法，并使用axios发出
javascript、django、vue.js
我有一个web应用程序，使用Django作为后端，Vue.js作为前端。在单元格中，这是每个行的一个按钮，它应该在单击后获取该行的详细信息。因此，我希望将Vue.js中某一行的一些变量作为参数传递给Vue.js方法。
但是我做不到，当我尝试点击按钮时，它总是提交表单，但是我已经添加了type=“按钮”。
<tbody>
<tr v-for="(row, index) in filteredRows" :key="`isbn-${index}`">
&l
浏览 4提问于2021-07-06得票数 2
回答已采纳
3回答
如何在Vue.js中从方法返回数据？
javascript、laravel、vue.js
我正在学习Vue.js，我很难找到任何与这个主题相关的东西。我从API获取数据，它正确地显示在console.log中，但是我似乎不能将其返回到模板视图。我不会尝试将此数据发送到另一个组件；我想要显示它。你怎么做到这一点呢？在React中，我将对结果执行map并返回HTML。在Vue.js中如何做到这一点？另外，我在Laravel 8中这样做。 <template>
<div>
{{ data }}
</div>
</template>
<script>
let api = location.
浏览 75提问于2021-07-03得票数 1
回答已采纳
2回答
如何在Vue.js中获得道具值？
javascript、vue.js
我希望在Vue.js中获得道具值，因为我需要在组件中接收eid来进行验证，但我不知道如何做到这一点，如果我这样做，那么Vue.js就是未定义的。另一种方法是将data()值从组件A发送到组件B。
我有这个组件，我需要得到eid，然后插入v-if
<section v-if="" >
<stream :configs="{eid : event.id}"></stream>
</section>
另一种方法是将数据()从组件A发送到组件B
data() {
return {
tipo: String
浏览 4提问于2020-04-02得票数 0
回答已采纳
1回答
如何将数据从Vue实例传递给嵌套组件
javascript、vue.js、frontend
我通过AJAX从Vue实例获取数据，并且需要将数据传递给组件。我现在正在学习Vue.js是如何工作的，但是我发现文档有点零碎.
下面是我的代码：
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>mysite</title>
</head>
<body>
<div id="app">
<parent-component></paren
浏览 5提问于2017-08-24得票数 1
回答已采纳
1回答
创建一个包含几个组件的Javascript包以供重用
javascript、vue.js、npm、webpack、yarnpkg
我有一个后端渲染的页面(如果重要的话，是django)，我想使用来自PrimeVue的一些组件和打包为vue组件的markdown编辑器来增强它。现在，我们有一些使用jquery的小动画，对于这些动画，我们将来自CDN的jquery直接包含到我们的页面中。几个月前，我们需要使用更多的客户端交互性来增加页面的趣味性，我们通过CDN将vue.js包含到该页面上(删除jquery)，然后在index.js中编写一些javascript，我们也从CDN加载并完成了我们的工作。这就是目前的情况。该页面当前如下所示 <html>
....
<script src="htt
浏览 9提问于2020-09-15得票数 0
回答已采纳
1回答
VUE引擎如何评估属性代码？
javascript、vue.js、eval、sandbox
在VUE中，可以在属性中编写完整的JS表达式。例如，对于下面的<div>，
var app = new Vue({ el: '#app', data: { message: 'Hello Vue!', num: 3 } })
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<input v-model="message
浏览 0提问于2020-10-09得票数 2
回答已采纳
1回答
AWS Cognito in react js with django rest framework？
reactjs、django、amazon-web-services、amazon-cognito
我想在我的webapp应用程序中集成第三方身份验证与AWS Cognito。我有一个具有django后端的React JS应用程序。 我找到了this教程，但我真的不知道它如何与现有的前端应用程序一起工作，而不是如何实现它。 如果用户登录到前台并通过cognito进行身份验证(另一个问题: Amplify中的后端是必要的吗？)，token是否可以传递给django API -那么在django中是否需要再次调用cognito？这一步对我来说还不是完全清楚。 任何帮助都是非常感谢的。有没有react + DRF的例子？
浏览 37提问于2021-01-19得票数 2
回答已采纳
3回答
我有以下HTML代码
<iframe #originalUrl [hidden]="!showOriginalDoc" [src]="originalUrl"><span *ngIf="originalUrl===''">Original URL Not Available</span></iframe>
下面是angular代码
if(data.originalResearch.originalUrl===null)
this.originalUrl='';
浏览 2提问于2017-11-07得票数 3
2回答
关注数据更改
javascript、vue.js
我目前正在为Vue实例的概念而苦苦挣扎。我和webpack一起使用了vue加载器，并创建了一个我要导入的vue组件。
import Vue from 'vue';
import Search from '../Search.vue';
const vm = new Vue({
el: 'search',
render: h => h(search)
});
在组件上：
export default {
data: function() {
return {
results:
浏览 0提问于2017-09-05得票数 3
2回答
使用vue (Laravel)实现简单任务
javascript、php、laravel、vue.js、laravel-blade
我最近开始学习vue.js (来自棱角2+)，我看了一些教程，一切似乎都进行得很顺利。
和以前一样，在我完成了教程之后，我为自己创建了一个小应用程序，以确保我知道我在做什么。但我似乎真的在和Vue混在一起。
到目前为止，这个应用程序非常简单。一个用户发布一个故事，故事有评论.就这么简单
我已经到了我希望用户能够编辑那里的评论，但它似乎我不知道如何做到这一点。我希望这样，当用户单击“编辑”按钮时，注释会更改为文本区域或某种类型的输入。
在这一点上，我根本不习惯于在项目中使用。所有的页面都是用刀片渲染的。
我想弄清楚你是怎么利用它的？所以我有以下问题
您是否打算使用多个vue组件，在刀片中循环
浏览 6提问于2020-05-30得票数 0
回答已采纳
3回答
Vue路由器。绑定数据
javascript、vue.js、bind、vue-router
我正在开发vue应用程序，现在我正在准备使用vue路由器。但我在将数据绑定到路由器模板时遇到了一点小问题。
请帮帮我。
HTML：
<div id="app">
<h1>Hello App!</h1>
<p>
<router-link to="/foo">Go to Foo</router-link>
<router-link to="/bar">Go to Bar</router-link>
</p>
&l
浏览 3提问于2017-12-07得票数 5
2回答
当您使用Django web框架时，如何与前端开发人员合作？
python、django、django-rest-framework、frontend、backend
我对网络编程很陌生。所以我对概念很困惑。
我理解前端开发人员和后端开发人员有不同的职责，如下所示。
Front-End developer : html css js
Back-End developer : Django Web framework in Server
Back-End developer(Server -> Data)
Front-End Developer(Data->html with css,js(JQuery,Angular..))
我知道Django框架是与前端结合的。因此，我想通过django rest框架发送数据，以便为前端和后端开发人员提供更
浏览 3提问于2016-10-20得票数 0
回答已采纳
1回答
将数据从vue.js推送到flask呈现的变量
javascript、vue.js、flask
我有一个flask变量，我试图在vu.js分隔符中将其用作ID：['['，']']。举个例子，我在<p>标签中定义的flask id包含“阿联酋”一词，所以我想从vue _ js中将字符串"hi“推送到由flask呈现的阿联酋id。我希望我的话听起来不会太混乱。
<i class="ui orange tiny label">
<p id="[[{{ i.App }}]]"></p> # This is flask rendered variable inside vue.j
浏览 25提问于2019-08-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
