我正在尝试使用https://github.com/akxcv/vuera将https://react-table.js.org/#/story/readme整合到vue.js应用程序中.
我的main.js:
import Vue from 'vue'
import { VuePlugin } from 'vuera'
import App from './App'
import router from './router'
Vue.config.productionTip = false
Vue.use(VuePlugin)
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
template: '<App/>',
components: { App },
})Run Code Online (Sandbox Code Playgroud)
我的HelloWorld.vue:
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<ReactTable :data="data" :columns="columns" />
</div>
</template>
<script>
import ReactTable from 'react-table'
import 'react-table/react-table.css'
export default {
name: 'HelloWorld',
components: { ReactTable },
data () {
return {
msg: 'Welcome …Run Code Online (Sandbox Code Playgroud)所以我找到了"jinja: "true"launch.json的选项,并试图让 jinja 调试工作,但到目前为止没有成功。
我的launch.json目前是:
{
"version": "0.2.0",
"configurations": [
{
"name": " uvicorn debug",
"type": "python",
"request": "launch", // set to "test" for "justMyCode" to work.
"module": "uvicorn",
"args":
[
"project.asgi:app",
"--reload",
],
"jinja": true,
"justMyCode": false
}
] }
Run Code Online (Sandbox Code Playgroud)
我遇到了一个问题,我无法在 jinja 模板文件中设置断点,但是将其添加"debug.allowBreakpointsEverywhere": true到 vscode 设置中解决了。
我的问题如下:
a) 调试模板应该如何工作?我在模板中的任意位置添加断点并在那里停止执行?或者这可能'jinja': true意味着完全不同的东西?
b) 基于对 a) 的响应,如果 jinja 模板文件中的断点应该起作用,如何实现这一点,因为目前它们似乎只是被忽略了?
非常感谢!