以下是为您整理出来关于【JavaScript和vue】合集内容，如果觉得还不错，请帮忙转发推荐。
我正在使用vue-js-modal,并且有一个问题,每次我将模式设置为：draggable =“ true”时,我都可以拖动它,但是它不允许我在输入中写,因为我认为它也将其视为可拖动元素,我该如何预防？ 这是我设置的方式：<!-- modal dedicated to the panel history --><modal :adaptive="true" height="70%" width="60%" :resizable="true" class="modalSize" :draggable='true' name="modalPanel"><span class="cross" @click="$modal.hide('modal...
我正在使用Vuejs构建应用程序,并使用vue-router和vuex.我现在卡住了,因为在用户登录后,我的应用程序重定向到了仪表板,但是如果我刷新页面,他将再次返回登录页面.为了验证用户是否被登录,我的应用检查本地存储是否具有access_token,然后将其重定向到路由器视图“ /”. 这是我的路由器文件夹和他的文件： src /路由器 index.js：import Vue from 'vue'import VueRouter from 'vue-router'import {routes} from './routes'import befo...
我正在努力将现有主题转换为可重用的组件. 我目前有一个像这样的按钮组件：<template><a :href="link" class="button" :class="styling"><slot></slot></a> </template><script> export default {props: {link: {},styling: {default: ''}} } </script>而且,在我的HTML中,我像这样使用它：<vue-button link="#" styling="tiny bg-aqua">Button 1</vue-button>现在,我尝试使用现有的按钮组件创建一个“按钮组”. 我想做的是这样的：...
我一直在阅读很多文章和文档(例如,我在https://coursetro.com/posts/code/144/A-Vuex-Tutorial-by-Example—Learn-Vue-State-Management上找到了一些很棒的资源),所有这些都是为了了解vuex的工作原理(何时/为什么应该使用动作而不是突变等),我明白了,因此我的示例如下： >我正在使用路由器,现在只有一条路由,它使用组件Home>我的主页组件看起来像这样(没什么特别的)： <模板>< div class =“ home”><！-要注入的组件在这里->< / d...
我正在使用vue-webpack模板,并且创建了settings.json文件来存储在安装脚本时应更改的环境变量. 我的settings.json(只存储API服务器的绝对路径)：{"apiURL": "//localhost/app/server/API" }如何防止文件在生产版本中被缩小/打包,以便我可以对其进行更改,并且下次访问该应用程序时将使用更新的文件(而无需再次构建它)？ 在我的应用程序中,我通过require使用此文件：const SETTINGS = require('../settings.json');我了解,通过要求它...
我正在尝试观察vue.js对象的属性,但是我没有得到想要的结果,我的代码如下：var vueTable = new Vue({el: '#vue-table',data: {filters: {},},watch: {filters: {handler: function () {console.log('watched');},deep: true}} }我在输入上有一个v模型,如下所示：<input class="form-control" v-model="filters.name">现在,当页面加载时,它只会在控制台中查看一次日志,每当我更改输入时,它都不会记录任何内容. 但是当我把vueTable.f...
我一直在尝试找到一种从vue-tables-2获取页码的方法,但我不知道.我最好的猜测是使用Vuex,但我也无法使其正常工作.我只是发现文档非常简短,对于像我这样的Vue新手来说不够详尽. 是否有人设法使其正常运行,或者至少有类似的教程. 任何帮助将不胜感激！解决方法:Vue表2具有一个vue-tables.pagination自定义事件,该事件在页面更改时触发.您可以使用它来跟踪当前页面. 或者,您可以深入实例本身(如果您不使用vuex)并获取Page数据属性(例如...
我无法在事件处理程序中获取触发事件的html字段(在javascript中为event.target). 我有一个表格： >在更改事件上附加到功能的输入元素>管理变更事件的功能 我的代码如下：var Main = {methods: {change(par) {console.log("The value is: " + par);//HERE I can't get "event.target"}} }; var Ctor = Vue.extend(Main) new Ctor().$mount('#app') <script src="//unpkg.com/vue/dist/vue.js"></script> <script src="//unpkg.com/e...
因此,在我的Vue实例中,我有一个currentTask模型,默认情况下为null.new Vue({el: '...',data: {currentTask: null} });当我单击具有v-on =“ click：openTask”指令的’任务项’时,我想使用currentTask启动模式：methods: {openTask: function(e) {this.currentTask = this.clickedTask;$('#task-modal').modal('show');e.preventDefault();} }尽管我不知道是否存在将整个模式可见性双向绑定到currentTask的更“神奇”的方法,但此方...
我有一个简单的下拉组件,它仅允许我隐藏和显示一些HTML,这是非常基本的. 但是,如果我在内部使用相同的组件,则单击“测试2”下拉开关将折叠第一个下拉列表…<dropdown><li slot-scope="{ display, toggleDisplay }" @click="toggleDisplay()" :class="{ active: display }">Test<ul><dropdown><li slot-scope="{ display, toggleDisplay }" @click="toggleDisplay()" :class="{ active: display }">Test 2</li></dropdown></ul></li...