草庐IT

uni-preset-vue

全部标签

javascript - Vue.js 从模板中分离样式

我使用带有的模板出于CMS原因,必须靠近其div的block。当我运行Vue.js时,它似乎删除了样式block,说...-TemplatesshouldonlyberesponsibleformappingthestatetotheUI.Avoidplacingtagswithside-effectsinyourtemplates,suchas,astheywillnotbeparsed.我能做什么?varapp=newVue({el:'#app'});#div_123{background:http://placehold.it/850x150;}@mediascreenand(m

javascript - 在 vue.js 模板中包含外部脚本

我是Vue.js和web-pack的新手,所以我决定使用vue-cli(webpack)来构建初始应用程序。我试图在模板中包含一个外部脚本(例如),这在全局范围内(对于每个页面/组件)都不需要,但是Vue警告说这是不允许的。我的index.html文件与最初生成的文件类似:App我的App.vue也和生成的类似:我有一条路线到/upload在我的路由文件中,它映射到需要dropzone.js(外部脚本)的上传组件。我可以将它包含在我的index.html中,类似于加载Bootstrap的方式,但是当只有这个组件需要它时,为每个页面/组件加载它似乎不太理想。但是,如上所述,我无法将它直接

javascript - 将 css 注入(inject) Vue 组件?

见下文my-component.vue。此组件需要可主题化。它需要获取外部css表,因为我需要允许其他开发人员自定义其内部外观。除了acceptajavascriptobject还有其他方法吗??.A{background-color:green;}.B{background-color:red;}.C{background-color:yellow} 最佳答案 在你的组件中:exportdefault{props:{boxStyle:{type:String,default:'box-default'}}}.box-default

javascript - Vue.js 调试消息问题

我在前端使用Vue.jsv2.5.1构建了一个Web应用程序。该应用程序通常运行良好,但是当出现问题时,抛出的错误消息仅引用vue.js代码本身,而不是我的代码部分(我假设我的模板中有一些东西)无疑是实际来源问题。这是一个例子:ErrorinnextTick:"NotFoundError:Failedtoexecute'insertBefore'on'Node':Thenodebeforewhichthenewnodeistobeinsertedisnotachildofthisnode."warn@vue.js?v=1:491logError@vue.js?v=1:600global

javascript - 如何在 Vue.js - Nuxt - TypeScript 应用程序中访问路由参数?

我正在构建一个基于NuxtTypeScriptStarter的网站模板。我在我的页面文件夹中创建了一个动态路由的页面_id.vue,我想在我的TS类中访问该id属性。我可以通过编写{{$route.params.id}}在我的模板中访问它,但是当我尝试在类中引用$route时,我得到一个错误:errorTS2304:Cannotfindname'$route'. 最佳答案 作为一个简单的解决方案,尝试从vue-router导入路由,如下所示:importComponentfrom"vue-class-component"import

javascript - 使用 Jest 模拟在 vue 组件中导入的模块

我在处理documentationofJest时遇到一些问题,因为我希望这段代码能够工作:importVuefrom'vue';importRouterfrom'@/router/index';importOrdersServicefrom'@/services/orders.service';jest.mock('@/services/orders.service');describe('OrdersItem.vue',()=>{beforeEach(()=>{//mockCleardoesnotexistOrdersService.mockClear();});it('should

【解决】vue搭建element-ui提示找不到文件错误

Thesedependencieswerenotfound:element-uiin./src/main.jselement-ui/lib/theme-chalk/index.cssin./src/main.js在执行cnpmiinstallelement-ui-S,并添加官方文档的使用之后,报错:解决方案:我首先跟着提示输入,但是无疑还是报错同样的问题经过我几次百度csdn上面,几乎千篇一律的cnpmiinstallelement-ui-S来解决,但是还是报错,并有去package.config.js去添加东西,但我好像找不到这个对应的文件,故放弃,后面查看这个element-ui发现:就是

javascript - AJAX 部分加载后 Vue 绑定(bind)?

我刚刚开始使用Vue.js并尝试将其整合到我已经构建了一段时间的应用程序中。我的应用程序是使用Laravel、大量的jQuery等构建的。我应用中的所有导航元素都使用AJAX(不是通过Vue)来返回部分View。因此,任何内部链接或表单提交都是通过AJAX提交到返回部分的Laravel路由。我已经设置了我的第一个Vue实例,但它只在访问者第一次点击使用Vue实例的页面时绑定(bind)到元素。Vue实例仍然存在,但当用户离开页面然后返回时,它会失去与元素的绑定(bind)——大概是因为当用户离开页面时,元素已从DOM中删除。当Vue返回到DOM时,如何让Vue绑定(bind)回该元素(

javascript - 用 Vue.js 2 观察数组

我有一组选择(分配给项目的item.pricelists)在v-for循环中呈现并与v-model绑定(bind)。该项目的可能选择选项由item.valid_pricelists中的另一个v-for呈现。两者都是从同一个数组中的服务器中提取的。现在我需要注意用户何时更改选择,因此我可以使用item.valid_pricelists中的新值更新item.pricelists数组。渲染部分:{{price_list.description}}Parentpricelist:{{row.parent_id}}观看部分:watch:{'item.pricelists.id':{handler

javascript - Vue中JS与SCSS共享变量

我最近开始使用Vue.js2,我是单文件组件结构的粉丝:HelloWorldexportdefault{name:'hello-world',};h1{font-size:72px;}不过,我很好奇是否存在在SCSS和JS之间传递变量的既定方法。我需要共享一个值,现在它在两个部分中都是重复的。我使用VueCLI创建了这个项目,所以它使用vue-loader与Webpack2捆绑在一起。我希望有一种方法可以将其配置为将变量从JS填充到SCSS,反之亦然。 最佳答案 您的问题将受益于更多详细信息。您需要多彻底的集成?这将允许您创建一个J