草庐IT

vue-template-compiler

全部标签

javascript - 如何在 vue 中设置 Fabric.js?

我刚遇到相同的组合:Fabric.js和Vue.js并且很想知道,但是我正在使用VueJs几天,我不知道如何在vue中设置fabric。你能为我分享一些经验吗? 最佳答案 安装Fabricyarnaddfabric#ornpminstall-sfabric基本组件(基于@laverick的回答):import{fabric}from'fabric';exportdefault{mounted(){constref=this.$refs.can;constcanvas=newfabric.Canvas(ref);constrect=n

javascript - Vue-Router 抽象父路由

我正在尝试将我当前的站点迁移到vuejs。站点地图必须是:/login/signup/password-reset/browse/search...dozensofotherroutes由于其中一些路由共享很多fx,我将它们设为父路由的子路由:[{//publicroutespath:'/',component:Auth,children:[{path:'/login',component:Login},{path:'/signup',component:Signup},{path:'/password-reset',component:PasswordReset},]},{//rou

javascript - VueJS - 将单独的组件加载到 vue 实例中

在我的工作中,我目前正在重新设计我们的网络平台,包括将大量旧的javascript/jquery移至VueJS。我有一个包含Vue组件的global.js文件,还有一个包含Vue的vendor.js,Axios、Vuex、...现在我们的网站上有一个文本编辑器,这个编辑器有一个Vue版本。问题是这个文本编辑器非常大,几乎500kb用于生产。所以我在单独的文件中为此编辑器创建了一个单独的组件,因为我们只需要在两个页面上使用它。现在,由于我的全局Vue占据了整个页面,我无法将文本编辑器插入其中,因为您无法将Vue实例放入另一个Vue实例。有没有一种方法可以让编辑器作为一个完全独立的文件,但

javascript - 如何使用 Vue.js 类设置计时器

我只是使用Vue.js来更新我正在搞乱的网站上的帖子,这就是我到目前为止所得到的(我仍在学习javascript,并且不太擅长)[app.js]varVue=require('vue');Vue.use(require('vue-resource'));varapp=newVue({el:'#app',components:{'postlist':require('./components/postlist/postlist.js')}});[poSTList.js]module.exports={template:require('./postlist.template.html')

javascript - 更新 v-for 中使用的数组内的对象时,Vue js react 性问题

我有一个使用vue.js的应用程序。我在对象数组中使用v-for生成结果列表。当我使用下划线_.extend更新数组中第n个项目内的对象时,项目View不会更新。http://vuejs.org/guide/reactivity.html上有针对此问题的解决方案这表示像这样使用_.extend:this.results.displayed[key]=_.extend({},this.results.displayed[key],detail.items);但问题是当我像它说的那样使用扩展时,它不会更新View。 最佳答案 当您通过数

javascript - Vue.js 无法访问数据对象的嵌套属性

在Vue.js中,我像这样获取json文件的一些数据:exportdefault{data(){return{data:[]}},created(){this.fetchData();},methods:{fetchData(){$.getJSON('data/api.json',function(el){this.data=el;}.bind(this)),}}}获取的数据具有以下结构:{time:'17:00',pick:{box:{single:1,multi:2}}}当我尝试访问组件中的{{data.pick.box}}或{{data.pick.box.single}}时,我总

Vue.JS 用于微前端方法

我们的团队正在开发一个大型项目,我们希望构建一个具有多种表单、仪表板和功能的大型应用。一个单体SPA会变得复杂。因此,我们讨论了“微前端”架构的方法。目标是生成包含多个子SPA的父SPA。所有SPA都应使用相同的框架:vueJS。背后的想法:MicroFrontends网络应用是独立团队拥有的功能的组合一个团队有一个独特的业务领域该团队是跨职能团队,开发从数据库到用户界面的端到端功能它就像一个独立的系统我们发现了一些支持这一点的实现:MicroFrontendsSingle-SPA的CanopyTax我们想在前端使用VueJS(vue、vue-router、vue-resource、v

javascript - Bootstrap-vue 不加载 CSS

我正在使用Bootstrap4编写一个Vue.js应用程序,但我无法加载,尽管我遵循了文档。添加到main.jsVue.use(BootstrapVue);添加到与App.vue相关的css文件:@import'../../node_modules/bootstrap/dist/css/bootstrap.css';@import'../../node_modules/bootstrap-vue/dist/bootstrap-vue.css';这是模板:{{msg}}{{statusCode}}PlayersdataTournamentdata结果:没有呈现css但在来自dist目录的

javascript - 编译 ES6 和 VUE JS 在 IE 11 中不起作用

所以我在IE11中遇到了ES6、Webpack和VUEJS的问题。这在Edge、Chrome、Safari和Firefox中有效,但在IE11中无效。错误:SCRIPT1002:Syntaxerrorvue.js(16,8498)好的,那么这一行是什么?(module,__webpack_exports__,__webpack_require__){"usestrict";eval("/*unusedharmonyexportgetJSON*/\n/*unusedharmonyexportgetScrollBarWidth*/\n/*unusedharmonyexporttransla

javascript - 使用 data-template-name 命名 Ember.js 模板

我注意到Ember.js文档解释了命名模板的方法是通过设置标签的data-template-name模板名称的值。但在Ember.js文档站点上TomDale的最新截屏视频中,他使用ID命名模板。我假设它们都是在Ember中命名模板的有效方法。为什么要使用data-template-name与id相对应? 最佳答案 虽然两者都有效,但使用data-template-name可以让您自由使用不会与您的模板名称冲突的元素ID。 关于javascript-使用data-template-nam