vuejs2

首页 > TAG信息列表 > vuejs2

javascript-如何在getue和setter中使用计算属性来触发Vuex中的提交

我正在使用计算属性：由v-bind绑定的输入字段中的类别,如下所示： <select name="Category" :value="category"> <option value="AC">AC</option> <option value="TV">TV</option> ... </select> 我对此计算属性

替换链接Javascript中的一部分字符串

我有以下链接： / v1 / catalogue / folders / {catalogueId：[0-9]} / translations / {translationId：[0-9]} / 以及以下数据： catalogueId: 31 translationId: 4 现在,我想用数据对象的值更改大括号之间的部分.因此,链接需要如下所示： / v1 / catalogue / folders / 31 / translation

Javascript-Vue-Router：页面刷新后查看返回登录页面

我正在使用Vuejs构建应用程序,并使用vue-router和vuex.我现在卡住了,因为在用户登录后,我的应用程序重定向到了仪表板,但是如果我刷新页面,他将再次返回登录页面.为了验证用户是否被登录,我的应用检查本地存储是否具有access_token,然后将其重定向到路由器视图“ /”. 这是我的路由

javascript-使用VueJS动态编译和挂载元素

问题我为VueJS围绕jQuery数据表创建了一个轻量级包装,如下所示： <template> <table ref="table" class="display table table-striped" cellspacing="0" width="100%"> <thead> <tr> <

Vue.js修改计算属性？

我正在尝试修改驻留在vue.js计算属性中的moment.js实例,如下所示. computed: { currentDate() { return moment(); } } 每当我尝试使用这种方法调用它时,都不会发生任何事情： methods: { prevMonth() { this.currentDate = moment(this.currentDate)

Javascript-为什么v-show和v-if立即响应对象中的布尔更改,而不响应数组中的布尔更改？

在开发动态的FAQ页面时会遇到这种奇怪的行为,在该页面上单击问题后将显示答案. 当控制答案的打开/关闭的布尔值存储在对象中时,视图将立即更新,并且答案会立即显示或隐藏.但是,当将其存储在列表中时,除非以其他方式更新视图,否则答案不会显示或隐藏. 这是显示问题https://jsfiddle.

javascript-如何在vue js html中基于时间显示“关闭”或“打开”？

这是我的json数据,用于显示商店的营业时间： { "status": true, "data": { "pid": 1, "bussinessName": "ard", "services": "looking for passionate", "inventory"

javascript-为什么VueJS检测到此属性被添加到数组中的对象？

在下面的代码段中,我有两个Vue组件,每个组件都有一个包含两个对象的items数组.如果每个组件的模板的show属性为true,则将其设置为显示items数组的对象.数组中的第一个对象最初的显示值为true.第二个对象未设置显示值. new Vue({ el: '#ex1', data: () => ({ items: [{name: 'a

javascript-使用标记vuetify带有芯片的标签,而不是按Enter

在我的vuetify项目中,我有这样的东西 <v-select v-model="data.emails" label="Add multiple recipent by hitting enter" multiple tags chips solo ></v-select> 这样很好.但这仅在我按Enter键时有效.我想使用来实现,因为我将粘贴很多项目,例如电子

javascript-Vue组件作为另一个组件的子组件

我正在努力将现有主题转换为可重用的组件. 我目前有一个像这样的按钮组件： <template> <a :href="link" class="button" :class="styling"><slot></slot></a> </template> <script> export default { props: { link

javascript-呈现错误：“ TypeError：无法读取未定义的属性’length’”

如果我的搜索输入中包含任何文本,我只会尝试显示一个覆盖图. 这是我的模板,我的输入字段是： Input.vue： <template> <div> <input v-model="query" class="input" placeholder="Global search..."></input> </div> </template> &

javascript-Vue与Vuex：是否可以在商店内注入/弹出组件？

我一直在阅读很多文章和文档(例如,我在https://coursetro.com/posts/code/144/A-Vuex-Tutorial-by-Example—Learn-Vue-State-Management上找到了一些很棒的资源),所有这些都是为了了解vuex的工作原理(何时/为什么应该使用动作而不是突变等),我明白了,因此我的示例如下： >我正在使用

javascript-VueJS路由器中的path和fullPath有什么区别？

在我的router.js文件中,当我使用beforeEach方法时,我在to和from参数的属性中获得path和fullPath.我想知道我应该使用哪个重定向.我已经看到了两者都被使用过,我什么时候不使用,两者之间有什么区别. 一个例子： export default new Router({ mode: 'history', base: process.

javascript-移动数组项时,嵌入式Youtube视频会在组件内部重新加载,使用v-for渲染

背景：我正在研究基于Vue的项目-内容编辑器页面,用户可以在其中插入不同种类的块,例如文本块,图像块,视频块,从而形成一个完整的页面. 我的解决方案是使用块数组,我只需使用v-for进行渲染即可,并且效果很好. 有时,我的用户需要对块进行重新排序,所以我上面有两个按钮,可以上下移动块

javascript-是否有可行的解决方案在Vue js中将组件模板拆分为多个部分？

我有一个组件,它根据props的值具有不同的模板内容.我觉得组件的结构还不够好,任何人都很难理解代码.如何将组件分成多个部分？ <template> <div> <div v-if='config.isTag'>  <span v-if="ok" class=&q

javascript-如何在vue.js 2上获得this.$store.dispatch的响应？

我的组件是这样的： <script> export default{ props:['search','category','shop'], ... methods: { getVueItems: function(page) { this.$store.dispatch('getProducts',

Vue：用观察者对象自动填充空数组

我正在尝试在数据中初始化一个空数组,然后从服务器获取一个JSON并填充它. 问题是数组总是有一个额外的Observer对象,所以当我记录它时,我看到了： empty items array: [ob: Observer] 这是一段代码摘录： data() { return { items: [] } }, creat

通过Python Flask服务器提供服务时,Vue应用无法加载

我正在尝试使用一个简单的“ hello world” VueJS应用程序： <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="https://unpkg.

javascript-从浏览器的控制台触发VueJs $watch无法正常工作

我有这个main.js文件引导我的Vue应用程序. import Vue from 'vue' import App from './App' import router from './router' Vue.config.productionTip = false var model = { a: 1, name: 'Abdullah' } var app = new Vue({ el: '#

javascript-vue-js-modal可拖动问题

我正在使用vue-js-modal,并且有一个问题,每次我将模式设置为：draggable =“ true”时,我都可以拖动它,但是它不允许我在输入中写,因为我认为它也将其视为可拖动元素,我该如何预防？这是我设置的方式：  <modal :adaptive="true" heig

Vue 2在v-for中变异数据属性会导致无限循环/问题

尽管我在文档中找不到,但似乎突变数据数组属性似乎不是一个好主意,即使没有将其呈现给视图也是如此. 看到这个小提琴：https://jsfiddle.net/078v5142/3/ 我需要减少conditionalSet.我在每个v-for循环上使用pop()来检查索引的条件.我不能使用计算属性,因为我需要传递索引. 我也不能只

javascript-如何在发出vuejs中的respose之前等待axios响应

我在vuejs中有一个小组件用于文件上传(使用axios).我正在尝试从文件上传中发出响应,如下所示： methods: { ... upload (){ axios.put(URL).then(response => { console.log('response', response) this.$emit('uploaded', response) }).catch(error => {

javascript-兑现承诺后传递错误

嗨,我是新手,如果我的问题表达不正确,请对不起. 我想在全局函数中定义axios js的承诺. 在这里,我要全局处理/捕获401状态并注销用户.我不想在每个查询中处理它. 这是我的源全局函数来处理请求： export function requestData (url, payload = {}) { return axios.post(url, payloa

javascript-如何在vue js中传递字段Rating的值？

我的表格是 <form id="enquiryBox" method="POST" onSubmit="return false;" data-parsley-validate="true" v-on:submit="handelSubmit($event);"> <div class="modal-body brbottom-20"> <di

javascript-从子组件向父组件发送索引以删除v-for中的数组项-VUE.JS 2

我是使用Vue JS的新手,所以我从Vue 2开始. 我需要删除一个数组项,但是触发该方法的按钮在模板内部,而v-for在父模板内部. 这是我的HTML：主要 <div id="main"> <div class="panel-group" id="panelGrp"> <div class="row panelTopSpacing" v-for="panel