vuejs2 相关问题

vuejs 中图表的反应状态

我的 vue 代码上有一个图表，其中有 30 天、7 天、昨天的过滤器。 如果我单击任何一个选项，我会得到时间戳的最小 Y 值，无论是 30 天、7 天还是昨天，...

显示事件目标信息为ko

我有一个带有 id 和名称的按钮，我想显示它们的值，但在我的代码中没有显示任何内容。 有什么问题吗？ 我有一个带有 id 和名称的按钮，我想显示它们的值，但在我的代码中没有显示任何内容。 有什么问题吗？ <v-btn id="mytest" name="test" @click="addNewEntry">{{'add '}}</v-btn> methods: { addNewEntry() { document.getElementById("mytest").addEventListener('click', (event) => { console.log('id value ' , event.target.id); console.log('name value ' , event.target.name) }); }, } 您已经通过 @click="addNewEntry" 将事件侦听器附加到您的方法，所以只需执行以下操作： methods: { addNewEntry(event) { console.log('id value ' , event.target.id); console.log('name value ' , event.target.name) }, }

TinyMCE Vue2 和内联编辑

我正在尝试使用 TinyMCE 和 Vue.js 2.x 启用内联编辑 我有一个非常简单的例子，我无法开始工作。 “普通”编辑器工作正常，所以它不是 Tiny 的安装...

如何在类样式组件中使用vue-i18n(vue3)

我正在尝试将 vue2 迁移到 vue3，即“类样式组件”。 它使用的是 vue-i18n。我可以在Vue3中使用vue-i18n吗？ 包.json “依赖项”：{ “vue”：&qu...

vuejs 递归单文件组件

未知的自定义元素：-您是否注册了该组件 正确吗？对于递归组件，请确保提供“名称” 选项。 我有一个侧边栏，其中包含一个 TreeList，其中包含

将 Vue 组件暴露给外部项目

我正在尝试探索如何将我的 Vue 组件公开给其他项目而不发布到 NPM。 我可以找到下面的链接，其中显示了如何将 Vue 组件发布到 NPM ：how-to-publish-

Vuejs 和 Vue.set()，更新数组

我是 Vuejs 新手。做了一些东西，但我不知道这是简单/正确的方法。 我想要的是 我想要数组中的一些日期并在事件中更新它们。首先我尝试了 Vue.set，但没有成功...

Vue js 每 x 秒触发一个方法/函数

标题几乎解释了它，但我希望每秒触发一个函数。 我没有尝试过任何东西，也没有太多有用的代码。 我已经做了一些谷歌搜索......

如果在多个 vuetify 对话框中使用，TinyMCE 会完全空白

我尝试在多个对话框中使用TinyMCE，但是每当我切换对话框时，TinyMCE 就会变得完全空白，我无法编辑它。 我创建了这个演示来重现我收到的错误：https://

关闭第二个模式后焦点错误

我正在使用 vue.js 2 和 bootsrap 3 打开一个模式，该模式会打开第二个模式。 几天前，我问了一个关于如何将焦点设置在第二模式中包含的控件上的问题。我得到了一个很好的答案，所以...

VueJs 页面刷新时出现 404

我刚刚将我的博客应用程序上传到测试服务器。当我点击主页上的帖子时，我可以使用 slug URL 查看单个页面。但是，从单个页面来看，如果我刷新页面，它会...

VueJS 有条件地为元素添加属性

在 VueJS 中，我们可以使用 v-if 添加或删除 DOM 元素： 重要按钮 但是有没有办法添加/删除 dom 元素的属性，例如

Vue js 中的条形码打印机

我们的客户希望在Vue js中生成条形码PDF和条形码打印机。我这边我完成了条码 PFD，但我不知道如何生成条码打印机。谁能帮我提出最好的建议

GitLab 在 git 重置后保持分支上的旧状态

我的 git 状态很混乱并且杂乱无章，有一些提交和合并，所以我做了适当的备份，并在 Webstorm 上使用“将分支重置到这里”，然后我强制推送更改。 gitLab 历史...

Vuex - 已分配计算属性“名称”，但它没有设置器

我有一个带有一些表单验证的组件。这是一个多步骤结账表格。下面的代码是第一步。我想验证用户是否输入了一些文本，将他们的名字存储在 g...

Shopware 6 插件：如何将制造商名称和技术名称添加到 Shopware 扩展列表页面？

我正在努力向 Shopware 6 商店的扩展列表管理页面添加两条新信息： 扩展的制造商名称 扩展程序的技术名称

如何在 Element UI 中的表中保持行扩展

我有一个来自 element-ui 的可拖动表格： 我有一个来自 element-ui 的可拖动表格： <table-card> <el-table-draggable @drop="changeDossiertypesOrder" handle=".handler"> <el-table :data="dossiertypes" v-loading="dossiertypesLoading" row-key="id" :expand-row-keys="expandRowKeys" @expand-change="handleExpandChange" > <el-table-column type="expand"> </el-table-column> </el-table> </el-table-draggable> </table-card> <el-dialog :visible.sync="modalVisibility" :close-on-click-modal="false" :show-close="false" @open="resetForm" @opened="$refs.defaultField[0].focus()" @closed="resetForm" > <template v-slot:footer> <div> <c-button type="primary" icon="check" @click="saveType" :loading="isSaving.editType">Save </c-button> </div> </template> </el-dialog> 目前，在我单击按钮（showEditType）并编辑和保存后，所有扩展行都将返回到它们自己的初始状态。单击按钮后，我希望所有打开的行再次保持扩展状态。 这是手柄 handleExpandChange(row, expandedRows) { const id = row.id; const lastId = this.expandRowKeys[0]; // disable mutiple row expanded this.expandRowKeys = id === lastId ? [] : [id]; }, 这是我的 saveType 函数 保存类型() { this.isSaving.editType = true; axios .put() .then(() => { this.expandRowKeys = [...this.expandRowKeys]; }) .finally(() => { this.isSaving.editType = false; }); }, 我也遇到这个问题了 我通过添加解决了这个问题 ：行键=“row_key” 进入el-table标签 另外，添加 row_key 方法： row_key(row) { return row.id } 希望这有帮助

如何使用 vue.js 2 更改跨度上的文本？

我的vue组件是这样的： 我的vue组件是这样的: <template> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" :title="..."> ... <span v-if="totalNotif > 0" class="badge" id="total-notif">{{ totalNotif }}</span> </a> </li> </template> <script> ... export default { mounted() { this.initialMount() }, ... computed: { ...mapGetters([ 'totalNotif' ]) }, methods: { initialMount() { Echo.private('App.User.' + window.Laravel.authUser.id).notification((notification) => { const totalNotif = $('#total-notif').text() const totalNotifNew = parseInt(totalNotif) + 1 $('#total-notif').text(totalNotifNew ) }) }, } } </script> 有效 但是，它仍然使用 jquery 来获取和更新跨度上的文本 如何使用 vue.js 2 做到这一点？ 我读了一些参考资料，它使用了watch。但我还是很困惑如何使用它 改变 const totalNotif = $('#total-notif').text() const totalNotifNew = parseInt(totalNotif) + 1 $('#total-notif').text(totalAllNew) 由 //Set this.totalNotif to 1 if not exist or equals to 0. Else increment by 1 this.totalNotif = (this.totalNotif) ? (this.totalNotif + 1) : 1; 但我不明白代码: computed: { ...mapGetters([ 'totalNotif' ]) }, 对于我的例子，我认为你可以： export default { mounted() { this.initialMount() }, data() { return { totalNotif: 0 } }, ... 在模板上，您将使用以下方法更改跨度： <span v-if="totalNotif > 0" class="badge" id="total-notif" v-text="totalNotif"></span> 这会将 span 与值 totalNotif 连接起来。 所以在VueJs部分，删除jquery部分，只更新数据totalNotif并自动更新span文本内容。 编辑 为了更好地理解，脚本部分变为： export default { mounted() { this.initialMount() }, data() { return { totalNotif: 0 } }, methods: { initialMount() { Echo.private('App.User.' + window.Laravel.authUser.id).notification((notification) => { this.totalNotif = this.totalNotif + 1 }) }, } }

从 typescript 中的另一个 vue 模块导入 vue 模块

您能帮忙从另一个 TypeScript2 Vuejs2 组件导入 TypeScript2 Vuejs2 组件吗？ 目标模块（MyTable.vue） 导出默认值 {} S...

我正在系统中安装 Vue.js 但出现此错误

我正在使用 npm i -g @vue/cli 在我的系统中安装 Vue.js 但发生了这种情况： npm WARN cleanup 无法删除某些目录[ npm 警告清理 [ npm 警告清理 'C:\Users\pc\A...