草庐IT

vue-elementul

全部标签

javascript - 正确实现 Vue.js + DataTables

我正在尝试实现Vue.js+jQuery的数据表,但发生了一件奇怪的事情。在firefox上检查这个fiddle(不适用于chrome):http://jsfiddle.net/chrislandeza/xgv8c01y/当我更改DataTable的状态时(例如排序、搜索等):列表中新增数据消失DOM没有读取指令或vue属性我很确定任何尝试混合使用vue.js和数据表的人都遇到过这个问题。你做了什么来解决这个问题?或者是否有一个纯Vue.js脚本/插件具有与jquery的DataTable相同(或接近)的功能?(分页、搜索、排序、要显示的条目数等)。这是上面fiddle的代码:HTML

javascript - vue.js 2 中哪个更好,使用 v-if 还是 v-show?

我在一个使用vue2的项目中工作。我需要知道在哪种情况下性能更好:使用v-if还是v-show?。我有一个长列表,每个项目的列表都有一个隐藏的表单,我需要显示和隐藏它才能单击包含每个项目列表的按钮。v-show的切换类或使用v-if添加和删除表单哪个更好? 最佳答案 tl;dr假设问题完全是关于性能的:v-show:昂贵的初始加载,便宜的切换,v-if:初始加载成本低,切换成本高。EvanYou在VueJS论坛上提供了更深入的答案v-showalwayscompilesandrenderseverything-itsimplyadd

javascript - 如何在 Vue Js 中使用字符串变量模式创建输入名称字段?

我使用VueJs,我需要提取javascript变量来生成隐藏字段。但我需要通过变量的索引来设置名称。我想使用之字形命名模式。喜欢,Javascript变量:vartest_template={0:{nb:2},1:{nb:1},2:{nb:4}};带有变量的Foreach以生成隐藏字段:这里,:name是一个用于访问vuejs值的动态实例。index是vuejs变量,但"segment"不是vuejs变量,它实际上是一个字符串。但我需要这个模式来生成输入数组。这可能吗?或者还有其他解决方案吗?提前致谢! 最佳答案 要通过索引创建具

javascript - Vue.js + 调用整页文档的点击事件

使用JQuery,可以捕获页面中任意项目的点击事件,如下所示。$(document).click(function(event){//event.targetistheclickedelementobject});如何用Vue.js做同样的事情? 最佳答案 answerprovidedbyMU是正确的并且有效。然而,如果您不喜欢弄乱您的模板(例如,不要在其中放置很多事件处理程序)或者您的Vue应用程序只是更大应用程序的一小部分,那么注册事件处理程序也是完全可以接受的手动。要在脚本中添加全局事件处理程序Vue方式,您应该在mounte

javascript - Vue js 在更改路由时重新渲染相同的组件

我有一个在登录和注册路径中都使用的身份验证组件。constroutes=[{path:'/',name:'home',component:Home},{path:'/signin',name:'signin',component:Auth},{path:'/signup',name:'signup',component:Auth}];例如,如果我在登录页面问题是如果我在文本输入中键入一些内容并转到注册,文本仍然存在,我如何强制组件重新初始化? 最佳答案 更好的方法实际上是将路由路径绑定(bind)到路由器View的键,即这样做会强制

javascript - 使用 vue-router 将查询绑定(bind)到 props

是否可以以声明方式将查询值绑定(bind)到props?我希望/my-foo?bar=my-bar传递Prop{foo:"my-foo",bar:"my-bar"}.我目前正在使用这样的东西:exportdefaultnewRouter({routes:[{path:"/:foo",name:"Foo",component:FooPage,props:route=>({foo:route.params.foo,bar:route.query.bar})}]});我正在寻找类似的东西:exportdefaultnewRouter({routes:[{path:"/:foo?bar=:ba

javascript - Vue Element.ui 树,发出重新加载事件

我在Vue上创建了一个SPA(类似于云盘),使用Element.uitree组件,以显示文件夹树。问题在于树本身并没有一次加载所有内容,而是在惰性修饰符的帮助下顺序加载。服务器部分是mongoose+mongoose-path-tree。mongoose-path-tree的使用意味着,接下来是数据库中的树存储方案:每个节点不知道其子节点,但子节点存储它们到根元素的完整路径:#root_id#subroot_id#...#parent_id#this_id问题是,如果用户对树进行了更改(加载文件、创建新文件夹等)并且服务器接受了它们,那么如何通知树它需要加载新数据。Elementui在

javascript - 使用 VS 代码调试 Vue.js 应用程序。错误未验证断点

我有以下问题。我想用VSCode和Chrome调试我的Vue.js项目。所以我按照网站上的官方指南Guide但它不起作用。问题是我总是得到错误:unverifiedbreakpoint我做错了什么?这是我的vue.config.jsmodule.exports={configureWebpack:{devtool:'source-map'}}这是我的调试设置:{//UseIntelliSensetolearnaboutpossibleattributes.//Hovertoviewdescriptionsofexistingattributes.//Formoreinformation

javascript - 将 SignalR 与 Vue.js 和 Vuex 集成

我们目前正在开发一个基于vue-cliwebpack模板的投票应用程序。由于我们希望以一致且可维护的方式存储和操作我们的投票状态,因此我们打算使用vuex进行状态管理。前后端的交互是基于websockets的,我们想用signalr,因为在之前的项目中已经证明它非常好。由于我们是vue.js的新手,我们需要一些如何将signalr、vuex和vue.js完美集成在一起的建议。让我们描述一下场景:前端从我们的后端获取一个事件以识别投票事件处于事件状态并且可以接收选定的答案。一段时间后,我们通知前端结果可用并将其显示给用户。在某些情况下,我们可能会进行另一次投票。重要的是我们能够断开连接以

javascript - 将单文件 .vue 组件转换为 JavaScript?

是否有一个工具可以采用这样的.vue模板:Hello,{{thing}}exportdefault{data(){return{thing:'World'};}}div{background:red;}并将其转换为.js文件,如下所示:exportdefault{template:`Hello{{thing}}`,data(){return{thing:'World'}}}(不确定它对CSS有什么魔力,但它会做一些事情。)我正在尝试使用native浏览器模块,效果很好,但我想使用.vue文件语法,因为它提供了一些不错的东西。我想避免使用像Webpack或Browserify这样的bun