首页 > TAG信息列表 > vue-component

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

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

Vue.js修改计算属性？

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

javascript-vue-tables-2将页码发送给父组件

我一直在尝试找到一种从vue-tables-2获取页码的方法,但我不知道.我最好的猜测是使用Vuex,但我也无法使其正常工作.我只是发现文档非常简短,对于像我这样的Vue新手来说不够详尽. 是否有人设法使其正常运行,或者至少有类似的教程. 任何帮助将不胜感激！解决方法:Vue表2具有一个vue-tabl

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

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

javascript-如何检查来自两个json数据的比较数据？

我用于显示特定帖子详细信息的json数据是 http://127.0.0.1:8000/listings/ {"data": {"pid": 109, "name": "Labs", "website": "service.com", "status": true} 我的JSON数据(用于获取完整的个人资料详细信息)是 http://127.0.0.1:8000

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

我有一个组件,它根据props的值具有不同的模板内容.我觉得组件的结构还不够好,任何人都很难理解代码.如何将组件分成多个部分？ <template> <div> <div v-if='config.isTag'> <!-- some 10 lines of code --> <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',

如何将javascript对象传递给VueJS中的组件？

这个问题听起来很基本,但是我无法弄清楚如何在VueJS中做到这一点. 我在HTML中有以下内容 <script> var config = {'cols':4,'color':'red'} </script> <div id="app"> <mycomponent :config="config"></mycomponent> <

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

javascript-如何在获取Vue中的数据之前抑制“未定义”错误

我有一个简单的页面,其中显示从服务器获取的一些数据. 模板： <p>Order's customer name: {{ order.customer.name }}</p> 使用Javascript： export default { data () { return { order: {} } }, mounted () { this.fetchOrder() }, methods: { fetchOrder ()

JavaScript-将Summernote与vue.js 2结合使用

我想在vue.js 2 spa中使用summernote,并且因为不是我的所有页面都使用summernote,所以我通过添加来使summernote成为组件 export default { editor_function(){ //summernote function in summernote.min.js } } 然后我只是将其导入需要summernote的.vue文件中,并在

javascript – 将.vue文件编译成.js文件,不带webpack或browserify

有没有办法在没有webpack或browserify的情况下将.vue文件编译成.js文件？我知道webpack或browserify的优点,但我只想要最简单的方法来编译.vue文件.例如,我有一个文件组件comp.vue编译成comp.js(编译器应该能够在.vue文件中编译sass和pug)然后我可以在我的应用程序中使用它,如下所示：

javascript – Vue.js改变道具

我对如何更改组件内的属性感到有点困惑,假设我有以下组件： { props: { visible: { type: Boolean, default: true } }, methods: { hide() { this.visible = false; } } } 虽然它有效,

javascript – Vue.js – 在组件中使用父数据

如何在我的子组件Post中访问父数据变量(limitByNumber)？ 我试图使用道具,但它不起作用. 家长： import Post from './components/Post.vue'; new Vue ({ el: 'body', components: { Post }, data: { limitByNumber: 4 } }); 组件发布： <template>

javascript – 无法访问监视处理程序vuejs中的数据变量

我正在尝试在VueJs组件中的输入字段的监视处理函数中设置数据变量.我有这样的事情： data() { return { params: { // default params to 1 month from: new Date().setMonth(new Date().getMonth() - 1), to: Date.now(),

javascript – 是否可以将组件作为道具传递并在Vue中的子组件中使用它？

在Vue 2.0应用程序中,假设我们有组件A,B和C. 声明,注册和使用B. 是否有可能将C从A传递给B？ 像这样的东西： <template> <div class="A"> <B :child_component="C" /> </div> </template> 并以某种方式在B中使用C. <template> <div class="B"

javascript – 在VueJs 2.0中重新初始化数据的正确方法

我在SO：Is there a proper way of resetting a component’s initial data in vuejs?上经历了这个答案 但是,现在不允许使用当前方法,VueJS禁止更改$data var. 正如您在此https://github.com/vuejs/vue/issues/2873中所见($data不允许修改.) 所以如果我尝试上面的方法,我会得到一个V

javascript – VueJs 2.0 – 如何监听`props`的变化

在VueJs 2.0 docs我找不到任何会听道具变化的钩子. VueJs有像onPropsUpdated()或类似的钩子吗？ 更新 正如@wostex建议的那样,我试图看我的财产但没有改变.然后我意识到我有一个特例： <template> <child :my-prop="myProp"></child> </template> <script> export default {

javascript – 如何按页码显示内容或下一步点击vue？

我的vue组件是这样的： <template> ... <b-col v-for="item in items" v-bind:key="item.id" cols="2"> ... <strong slot="header" class="text-da

javascript – 使用VueJs 2的全局数据

我对VueJS相对较新,而且我不知道如何在全球范围内提供一些数据.我想保存API端点,用户数据和从API检索到的某些其他数据的数据,其中每个组件都可以获取此数据. 我知道我可以用vanilla Javascript来保存它,但我想有一种方法可以用VueJS来做到这一点.我或许可以使用事件总线系统来获取

javascript – VueJs 2.0中兄弟组件之间的通信

在vuejs 2.0中,model.sync将是deprecated. 那么,vuejs 2.0中兄弟组件之间进行通信的正确方法是什么？ 我在Vue 2.0中发现的想法是通过使用商店或事件总线进行兄弟姐妹的沟通. 根据evan： It’s also worth mentioning “passing data between components” is generally a bad ide

javascript – 在下拉菜单上滚动箭头键 – vuejs

我正在vuejs中构建一个自动完成组件. 此刻我陷入了滚动动画. 目的是单击箭头键以键作为方向滚动,但滚动仅在选项不可见时执行. 我想要这种东西,但是在vue / javascript中. – http://jsfiddle.net/kMzR9/3/ 如果你在我离开这里的例子中看不到问题,因为屏幕很小,这里是jsfiddle –

javascript – vue包装另一个组件,传递道具和事件

我如何编写我的组件来包装另一个vue组件,而我的包装器组件获得一些额外的道具？我的包装模板组件应该是： <wrapper-component> <v-table></v-table> <!-- pass to v-table all the props beside prop1 and prop2 --> </wrapper-component> 和包装道具： props: { prop1: String,

javascript – 如何在Vue.js中正确抛出错误？

我正在构建一个SVG组件,它采用没有扩展名的文件名.我想强制这个并且如果使用扩展名则抛出错误. 由于我有一个ES6编译器,我只是使用它： if (this.name.includes('.svg')) { throw 'Do not use the svg extension'; } 这是在Vue.js中抛出错误的正确方法还是有更好的方法？目前,当