vue-component相关内容

VueJs 获取 url 查询

我正在用 vuejs 开发一个网站,此时我遇到了麻烦,我需要从像这样 websitename.com/user/?page=1 这样的 url 中获取 url 查询(页面),但是 this.$router.query.page 给了我一个错误(Uncaught TypeError: Cannot read property 'page' of undefined) 有人知道这个问题并且可以帮 ..
发布时间:2021-09-20 18:52:42 前端开发

如何使用插槽将道具从父级传递给子级 -vuejs

我有一个父组件和一个子组件. 父组件的模板使用插槽,以便一个或多个子组件可以包含在父组件中. 子组件包含一个名为“信号"的道具. 我希望能够更改父组件中名为“parentVal"的数据,以便使用父组件的值更新子组件的信号道具. 这看起来应该很简单,但我不知道如何使用插槽来做到这一点:下面是一个运行示例: const MyParent = Vue.component(' ..
发布时间:2021-09-20 18:51:44 前端开发

Vue.js 反应性如何在幕后工作?

基本上,当我有一个组件时,我们称它为“TransportComponenet.vue",在该组件中,我有一个 data(),我的属性是 carId、transportId.vue 所做的是为这些属性创建 getter 和 setter.假设在这个组件的视图中,我输入 {{carId + transportId}} 和 {{carId * transportId}}. 据我所知,Vue 会访问 ..
发布时间:2021-09-20 18:50:14 前端开发

是否可以从安装在 Vuejs 中发出?

我熟悉在事件上通过总线发送数据,这些工作很好,但现在我想发送一些东西,但我没有一个事件可以将其绑定. 我尝试在已安装的情况下发出它,但如下所示不起作用: mounted(){bus.$emit('send-test', this.test);}, 解决方案 当您在 parent's mounted 生命周期事件中为在一个 child 的 mounted 事件,处理程序将不会捕获子进程发 ..
发布时间:2021-09-20 18:49:56 前端开发

我们可以制作没有 .vue 扩展组件和 webpack 的 vue.js 应用程序吗?

注意:我们可以在不使用任何代码编译器的情况下编写 vue.js 大型应用程序吗,就像目前我看到的所有示例现在都使用 webpack 使 vue.js 代码与浏览器兼容. 我想要制作 vue.js 应用程序而不使用 webpack 并且不使用 .vue 扩展名.是否可以?如果可能,您能否提供链接或示例如何在这种情况下使用路由. 当我们在 .vue 扩展名中制作组件时,可以在 .js 扩展 ..
发布时间:2021-09-20 18:49:32 前端开发

将全局变量应用于 Vuejs

我有一个 javascript 变量,我想在实例化时将其全局传递给 Vue 组件,因此每个注册的组件都将其作为属性或可以全局访问. 注意:: 我需要将 vuejs 的这个全局变量设置为 READ ONLY 属性 解决方案 只需 添加实例属性 比如所有组件都可以访问一个全局的appName,你只需要写一行代码: Vue.prototype.$appName = '我的应用' ..
发布时间:2021-09-20 18:49:14 前端开发

VueJS 从父组件访问子组件的数据

我正在为 webpack 使用 vue-cli 脚手架 我的 Vue 组件结构/层次结构目前如下所示: 应用 PDF 模板 背景 动态模板图片 静态模板图片 降价 在应用程序级别,我想要一个 vuejs 组件方法,它可以将所有子组件的数据聚合到一个可以发送到服务器的单个 JSON 对象中. 有没有办法访问子组件的数据?具体来说,多层深吗? 如果不是,传递可观 ..
发布时间:2021-09-20 18:48:48 前端开发

在 vue 组件的模板 html 中启用智能感知需要什么?

我对 Vue 比较陌生,但精通 Typescript 和 Angular.我目前正在使用 vue-class-component 和 vue-property-decorator vue 文档规定的库. 我使用 VSCode 作为我的编辑器,并且根据标题,想知道是否有任何工具/插件/IDE 允许在 html 模板中自动完成/智能感知.比如说我的 .ts 文件是: hi.ts: imp ..
发布时间:2021-09-19 20:21:12 前端开发

Vue.js 过滤器和测试

我使用 vue-cli 创建示例项目 vue init webpack my-test3,并选择包含 e2e 和单元测试. 问题 1:基于模板过滤器 我试图在 main.js 中添加新的过滤器: 从'vue'导入Vue从'./App'导入应用程序/* eslint-disable no-new */新的 Vue({el: '#app',模板:'',组件:{应用},过滤器:{大写 ..
发布时间:2021-09-14 19:03:03 前端开发

使用 Vue.js 在 .then 函数中输入错误

我有一个获取请求,用于检测用户是否为管理员.我的问题是我想使用 v-if 显示一个按钮来检查它是真还是假.默认情况下,该值设置为 false. 数据 然后我们得到了按钮: 以及 beforeCreate 中的 .then : 解决方案 您需要使用 箭头函数 保留this 上下文: .then((responses) => { 否则回调函数会注入自己的this ..
发布时间:2021-09-11 19:48:39 前端开发

Vue 中的 TreeView 无法正确呈现子文件夹内容

我正在尝试在 Vue 中从头开始构建一个 TreeView.这是我目前的代码. 我遇到的第一个问题是子文件夹(如 child folder 1)的内容没有显示出来.第二个问题是最小化子文件夹会最小化整个树视图. 谁能帮我理解为什么会出现这两个功能错误以及如何修复它们? 解决方案 您的代码仅处理文件夹的第一级,您应该递归撤销树组件以处理子文件夹.请参考以下文章. https ..
发布时间:2021-09-09 19:44:51 前端开发

TinyMCE 和 Vuejs 作为组件

我正在尝试为 TinyMCE 制作一个 Vue 组件,但我面临一些我无法解决的问题!有谁能够帮助我?或者建议更好的步行方式? 有我的组件 从'vue'导入Vue从'lodash'导入_出口默认 {道具: {模型: {默认 () {返回空值}},显示线索信息:{默认 () {返回假}}},数据() {返回 {id: 'editor_' + _.random(10000, 99999)}},手 ..
发布时间:2021-09-08 18:43:12 前端开发

如何在组件样式中预加载变量

所以我成功地配置了 webpack 来加载我组件中的 scss 样式.我使用 并且一切顺利. 我在 webpack 安装中使用了 vue-cli. 但是我需要从那里调用我的一些 scss 变量,所以我想我需要一种预加载? 有没有一种方法可以不用在每个组件中@import? 解决方案 你需要sass-resources-loa ..
发布时间:2021-07-14 21:08:57 前端开发