从 Vuejs 访问会话数据
我尝试从会话中访问数据,但我什么都没有. 在控制器中我使用:session()->get('cas_user') ?? "";,我得到了一些日期. 在vuejs中,我尝试了以下操作:this.$session.get('cas_user'),我什么也没得到. this.$session.exists()也是错误的. 我有vue-session. 解决方案 您是否在访问其值之前初始初始化了一个会话(这就是为什么this.$session.exists()返回false)? this.$session.start() 在尝试获取之前,您是否保存了'cas_user'键内的东西? this.$session.set('cas_user', value) 您也可以尝试this.$session.getAll()查看会话中是否保存了一些数据.
16 2024-04-22
编程技术问答社区
ES6 build chain python backend (flask) not SPA
我只是想了解开发环境设置的最佳方法.我的堆栈是vue.js(如果我能得到想要的构建,也许会做出反应)和后端.这是不是单页应用程序和烧瓶正在使用Jinja2模板为HTML页面提供.有些页面将没有vue.js的其他页面会有许多组件. 我想要的是能够在ES6中进行编码(目前使用vue.js在正常的ES5 JavaScript中使用而没有移动).我希望能够在烧瓶中的Python中进行编码,我希望Blask Dev服务器运行并拾取文件和重新启动的更改. 我正在使用Pycharm作为我的编辑器,并且对JavaScript构建过程只有一点知识. 编辑i在我的编辑器中文件,浏览器页面刷新,并在页面上进行所有服务器端更改,ES6更改并在页面上可用. 如果这是错误的位置,请在关闭之前将我引​​导到正确的位置. 解决方案 我需要在WebPack中运行此插件 https://github.com/gajus/gajus/write-file-file-file-webpack-p
26 2024-04-05
编程技术问答社区
无法在vue-browerify模板中导入jquery依赖项
我正在使用vue js 我正在使用jQuery作为import $ from 'jquery,并且可以使用. 要导入任何其他依赖性,例如semantic.js或jquery.ui是扔错误. 我已经阅读并尝试了Stackoverflow上的所有相关帖子. 当我做 时 import $ from 'jquery import 'jquery-ui 它说未定义的jQuery. 我尝试了extend方法.它仍然不起作用. 我还尝试在index.html上包含标签上的文件.它说$未定义. 请帮忙. 解决方案 使用jQuery作为ES6模块window.jQuery无法设置需要window.jQuery的其他库时,您需要自己定义它: import $ from 'jquery' window.$ = window.jQuery = $ import 'jquery-ui' import '...'
12 2024-04-04
编程技术问答社区
Vue JS 2.0不能呈现任何东西?
使用 vue(^2.0.0-rc.6) +浏览,入口点为index.js: import Vue from 'vue' import App from './containers/App.vue' new Vue({ // eslint-disable-line no-new el: '#root', render: (h) => h(App) }) app.vue: import Hello from '../components/Hello.vue' export default { components: { Hello } } body { font-family: Helvetica, sans-serif; } h
10 2024-04-04
编程技术问答社区
如何将路线排除在Vue-Router中的历史?
我已经用Vue-Router实现了标签.当用户在这些选项卡中来回单击时,但是然后喜欢转到上一页,他需要多次按"返回"才能首先访问每个选项卡. 是否有可能在vue-router中排除历史途径,例如: let router = new VueRouter({ mode: 'history', routes: [ . . . { path: '/tabs/', name: 'tabs', component: TabPage children: [ { path: 'tab1',
16 2024-04-04
编程技术问答社区
当发布新的Vue应用版本时,如何在chrome中强制清除缓存?
我创建了一个带有vue-cli的应用程序,然后构建了用于生产的文件夹. 该应用程序在IIS带有烧瓶后端的IIS上工作. 当我必须进行一些更改并且必须重做部署时,就会发生问题.此后,用户致电给我,因为应用程序不起作用,但是如果我清除Chrome Cache,该应用程序再次工作正常. 如何解决此问题?当我发布新的应用程序版本时,是否有一种可以自动清除Chrome Cache的方法? 谢谢 我的DIST文件夹 部署:在IIS上复制和粘贴文件夹 如果文件夹中的文件正确,则可能是Axios缓存中的问题?我还进行了一些更改以恢复API 解决方案 我遇到了相同的问题,并且在运行构建命令修复之前更改(增量)package.json中的版本号. 默认情况下,版本号设置为"0.1.0" package.json文件: { "name": "project-name", "version": "0.1.1", "private":
16 2024-04-04
编程技术问答社区
如何正确使用bootstrap-vue'的面板?
我正在尝试将我的项目从Vue-Strap迁移到Bootstrap-vue.我很难迁移 Search: search-form是我的组件.据我所知,我需要使用Bootstrap-Vue的崩溃(没有实际崩溃),如 docs .但是看来我尝试过的每种代码变体都无法正常工作.使用Vue-Bootstrap面板的正确方法是什么? 解决方案 您的标题(打开面板的按钮)由: 组成
10 2024-04-02
编程技术问答社区
Vue.js-基于文本长度为文本区域应用CSS样式
我有Vue应用程序,我想添加以评论表格插入的Facebook启发按钮.我有正常的JS原型.但是我无法在VUE组件中使用它.我已经实现了两个变体,两个都被称为,但两种样式都没有更改. 回调聆听输入事件 类属性中的条件 沙盒在那里: tryro 回调变体: adjustIconsInTextarea() { const textComment = this.$refs.textareaRef; const icons = this.$refs.iconsRef; if (textComment
12 2024-04-02
编程技术问答社区
如何在页面加载时隐藏这个BootstrapVue表格的列?
这个问题是此处提供的答案的后续问题; 如何显示此Bootstrapvue表的仅显示/隐藏第二和第三列? 下面的代码将在Bootstrapvue表中显示/隐藏一些列. new Vue({ el: '#app', computed: { visibleFields() { return this.fields.filter(field => field.visible) }, showFields() { return this.fields.filter(field => field.key.includes('first') || field.key.includes('last')) } }, data() { return { items: [ { id: 1, first: 'Mike', last: 'Kristensen', age: 16 },
16 2024-04-02
编程技术问答社区
使用BootstrapVue b-form-file上传多个文件,逐一挑选。
我正在Bootstrapvue中使用B-Form-File上传文件,将多个设置为TRUE可用于多个文件,但是每次我选择一个文件时,都会删除任何先前添加的文件.这些文件通常会分布在多个文件夹中,因此我需要能够从一个文件夹中选择一个文件,选择它,从另一个文件夹中选择另一个文件,依此类推. 这是HTML: 我尝试添加 ref="fileUpload" to b-form-fi
12 2024-04-02
编程技术问答社区
在Bootstrap Vue <b-table>中动态创建模板插槽
我正在尝试将HTML添加到VUE表中的标题.知道该领域的钥匙,我可以做这样的事情: 但是,我的桌子将有一个未知数的列数,每个列都有未知的键(通过Axios拉入).在我从服务器中检索所有键后,有没有办法动态设置my_key? 解决方案 您可以使用 dynamigic slot名称用变量瞄准标头插槽.在上面的伪代码示例中假设my_key是变量的名称,那么您的示例可以用 template文字: 然后,您可以使用表的fields数组或任何键数组,并使用v-for来定位所有表标头插槽:
10 2024-04-02
编程技术问答社区
为bootstrap-vue'的b-table添加第二个标题行
我有一个看起来像这样的表标头: 我正在尝试在Bootstrap-vue中重新创建该表.原始的HTML看起来像这样(简化): Group 1 Group 2 Field Median Core B-Table代码将轻松/自动创建第二行.我试图弄清楚如何在其中堵塞第一行.作为一个小踢脚,我需要能够控制两个组名称的内容(即,如果它们在某处更改控件,则" 1组"将变为" group fo
8 2024-04-02
编程技术问答社区
如何用jest在单元测试中测试bootstrap vue组件的存在?
因此,我有一些具有b-form-input组件的代码,并且正在测试该组件是否呈现.我正在使用wrapper.find({name: "b-form-input"}).exists()来确定是否存在Bootstrap Vue组件.但是,当我知道组件正在渲染时,此功能会不断返回false.我可以为正确执行此操作提供一些帮助吗? 解决方案 查看bootstrap-vue源代码,看起来元素的名称是BFormInput而不是b-form-input(它是使用kebab-case注册的): ... export const BFormInput = /*#__PURE__*/ Vue.extend({ name: 'BFormInput', ... 您有两个选择要找到组件的选项;使用名称或组件构造函数.例如: import BootstrapVue, { BFormInput } from 'bootstrap-vue'; import { shallowMount, cr
14 2024-04-02
编程技术问答社区
如何只显示/隐藏这个bootstrapvue表格的第二和第三列?
下面的代码将显示/隐藏A BootstrapVue表中的所有列.该代码的信用转到此处的答案; /使用Bootstrap-vue组件和Bootstrap 3 动态隐藏列 window.onload = () => { new Vue({ el: '#app', computed: { visibleFields() { return this.fields.filter(field => field.visible) } }, data() { return { items: [ { id: 1, first: 'Mike', last: 'Kristensen', age: 16 }, { id: 2, first: 'Peter', last: 'Madsen', age: 52 }, { id: 3, first
12 2024-04-02
编程技术问答社区