将此标记用于特定于Vue.js版本2的问题，这是一个用于构建用户界面的开源，渐进式Javascript框架。
在 ag-grid 和 Vue2 中，我有一列对其行进行求和。该网格还在顶部添加两行：总计行和百分比行。我面临的问题是：显示总计列的总和...
我在 vite 构建上遇到这些错误。这几乎就像 Vite 无法解析 HTML 一样。 应为“>”，但发现“类” 1 | 2 | 我在 vite build 上收到这些错误。这几乎就像 Vite 无法解析 HTML 一样。 Expected ">" but found "class" 1 | <template> 2 | <div class="dashboard container"> | ^ 3 | <div class="columns has-margin-b25 has-margin-t40 is-gapless"> 4 | <div class="column is-flex"> ... n | </template> Unexpected "/" 1 | <template> 2 | <div> 3 | <navbar></navbar> | ^ 4 | <page-header ... n | </template> 我正在使用 Vue2、Typescript、vue-property-decorator、vue-template-compiler 和 vue-class-component。 还会发生一些有趣的怪事： 构建在服务器上运行，但不在本地运行。 npm、node 和包版本（甚至全局包）都是相同的 即使在本地，构建有时也会运行（每 20 次运行一次左右） 当失败时，通常总是在不同的文件上失败 Vite dev 每次都有效 大多数时候，这种错误是由html模板引起的。您可以使用以下网站来验证您的html模板格式是否正确。 https://validator.w3.org/
我的页面中有 20 个或 1 个带有 v-if 的组件有关系吗
使用 Vue/NuxtJS 2 或 3 我遇到以下情况。我现在在 TableViewRow 组件中有模态组件。例如，这些模式用于显示行数据的编辑表单。这个
数据（）{ 返回 { 表头：[{名称：“uma”}] }; }, 假设我在模板中使用 tableHeaders 来显示某些内容。 但是是否有必要在里面贴上tableHeaders...
如何固定此 bootstrap-vue 表中显示列名称的顶部标题行？
我有一个 bootstrap-vue 表，如下所示； 这是代码； 我有一个 bootstrap-vue 表，看起来像这样； 这是代码； <template> <div> <b-table hover :items="items"></b-table> </div> </template> <script> export default { data() { return { items: [ { age: 40, first_name: 'Dickerson', last_name: 'Macdonald' }, { age: 21, first_name: 'Larsen', last_name: 'Shaw' }, { age: 89, first_name: 'Geneva', last_name: 'Wilson', _rowVariant: 'danger' }, { age: 40, first_name: 'Thor', last_name: 'MacDonald', _cellVariants: { age: 'info', first_name: 'warning' } }, { age: 29, first_name: 'Dick', last_name: 'Dunlap' } ] } } } </script> 假设表格有很多行。我想固定顶部标题行，以便当我向下滚动表格时，显示列名称的标题行保留在顶部。这使表格更具可读性。 bootstrap-vue 文档中提供了表代码。 https://bootstrap-vue.org/docs/components/table 我正在使用 Vue v2.6 和 BootstrapVue。 您需要使用设置相关元素的样式 position: sticky; 参见：https://developer.mozilla.org/en-US/docs/Web/CSS/position 您还有演示： .sticky { position: -webkit-sticky; position: sticky; top: 0; background-color: yellow; padding: 50px; font-size: 20px; } <div class="sticky">foo</div> <div style="height: 2000px;"></div> 因此，您需要查看 Vue 为您生成的结构是什么，并确保将 position: sticky; 样式设置为 position 需要为 sticky 的元素。
我有一个v表，当用户单击标题时我需要删除禁用排序功能。 我怎样才能做到呢？
我尝试使用 vue-i18n 来翻译我的应用程序。我还使用 vuetify 和 vue cli。 目前我有英语和德语两种语言。 这是我的项目结构和代码。 main.js 导入...
我想开发一个echart，其中两个折线图之间的区域以颜色突出显示。为了实现这一点，我使用了堆积面积图。我将上部区域的颜色设置为高亮颜色...
我对 VueJS 的 .htaccess 有问题。我正在使用官方文档中提供的示例。 重写引擎开启 重写库 / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENA...
我已经安装了 CoreUI Vue 管理模板。除了菜单图标之外，所有代码都工作正常。 当我单击它来隐藏侧栏（它是内置功能。）时，它不起作用并给出...
这个表达式是不可构造的。类型 'typeof import("jspdf")' 没有构造签名
我使用的是jsPDF v1.5.3 我是这样导入的 从 'jspdf' 导入 * 作为 jsPDF 在方法中我有这个 var doc = new jsPDF('l', 'pt', [175, 91]) 但我这里有类型错误 我也有
Vuelidate 使输入字段 1 或输入字段 2 成为必需的“或”验证器？
我正在尝试将 Vuelidate 实现到我的 Vue 表单中。我有 2 个字段，电话号码和电子邮件。我想检查其中一个是否已设置。我认为这是“或”验证器，但我不能......
我正在使用 vue2 的 vue-advanced-cropper 插件。到目前为止它工作正常，但当我上传一个高度很小的很宽的图像时，我遇到了一个问题。我有一个 240x240 像素的区域，我想在其中
我是 vue.js 新手，我对我的代码有疑问。症状的控制台刚刚出现，但疾病却没有出现。症状和疾病的控制台。 那么关于条件是用户选择了一些系统...
我正在使用 VueJS Vuetify 框架，我需要打开一个对话框 - 从另一个模板作为组件模板导入。单击 App.vue 中的菜单按钮后，模态框应该...
Vuetify <v-data-table>自定义<th>标题
我正在使用 Vuetify 。 如何在表格标题上添加按钮？ 这段代码是我到目前为止所尝试过的。 我正在使用 Vuetify <v-data-table>。 如何在表格标题上添加按钮<th>？ 这段代码是我迄今为止尝试过的。 <v-data-table v-model="selected" :headers="headers" :items="desserts"> <template slot="items" slot-scope="row"> <th><button>button</button></th> </template> </v-data-table> <script> export default { data:() =>({ headers: [ { text: 'Dessert (100g serving)', align: 'start', sortable: true, value: 'name', }, { text: 'Calories', value: 'calories' }, { text: 'Fat (g)', value: 'fat' }, { text: 'Carbs (g)', value: 'carbs' }, { text: 'Protein (g)', value: 'protein' }, { text: 'Iron (%)', value: 'iron' }, ], }); </script> 请帮忙。 您可以使用header.<fieldname>插槽模板。 例如，要定位第二列，calories: <v-data-table v-model="selected" :headers="headers" :items="desserts"> <template v-slot:header.calories="{ header }"> {{ header.text }} <v-btn>Button</v-btn> </template> </v-data-table>
VueJS中如何获取v-textarea的selectionStart和selectionEnd属性？
我知道你可以通过在VueJS中使用DOM或$refs来获取普通的startSelection和selectionEnd属性。 然而，我正在努力完成同样的事情<v-textarea...</desc> <question vote="0"> <p>我知道你可以通过在VueJS中使用DOM或$refs来获取普通<pre><code><textarea></code></pre>的startSelection和selectionEnd属性。</p> <p>然而，我正在努力用 <pre><code><v-textarea></code></pre> 完成同样的事情。我用谷歌搜索了一下，大多数东西要么使用普通的 JS 与 <pre><code><textarea></code></pre> 或 VueJS，但也使用 <pre><code><textarea></code></pre>。</p> <p>示例代码：</p> <pre><code> <v-textarea :value="value" :label="label" hide-details="auto" :name="name" auto-grow no-resize clearable rows="1" @input="emitSelectedPositons" :error-messages="errorMessages" ref="vta" /> ... <script> .... methods: { emitSelectedPositons() { this.$emit('changed', { start: this.$refs.vta.selectionStart, end: this.$refs.vta.selectionEnd }) } } </script> </code></pre> <p>上面的代码对于两者都返回 <pre><code>undefined</code></pre>。</p> </question> <answer tick="true" vote="1"> <p><pre><code>$refs.vta</code></pre> 仅返回 v-textarea 元素，它是一个包含其自己的引用的包装元素，其中包括内部 <pre><code><textarea></code></pre> 输入元素。您可以访问内部元素来获取选择开始和选择结束，如下所示：</p> <pre><code>this.start = this.$refs.vta.$refs.input.selectionStart; this.end = this.$refs.vta.$refs.input.selectionEnd; </code></pre> <p><a href="https://codepen.io/yoduh/pen/LYBbgOX?editors=1011" rel="nofollow noreferrer">沙盒示例</a></p> </answer> <answer tick="false" vote="0"> <p>随着 Vuetify 升级到 <strong>Vuetify 3</strong>，<pre><code>this.$refs.vta.$refs.input.selectionStart</code></pre> 不再起作用。</p> <p>以下是如何访问 v-textarea 的选择开始</p> <pre><code>this.$refs.vta.$el.querySelector('textarea').selectionStart </code></pre> </answer> </body></html>
所以我的一个页面总是有一个 Div，其背景图像会根据媒体查询而变化（例如，我从手机上的 CDN 获取较小的分辨率）。 现在，自从我在页面上获取图像 URL
v-bind 不适用于 v-tabs 我必须使用 v-model
我正在使用 vuetify 组件，并将默认显示设置为第 2 页（学生），但是当我单击第二个选项卡教授（第 1 页）时，什么也没有发生。 当我用 v-model 改变 :value 时，它......
组件导入错误 - Vue 2 与 TypeScript - VS Code
有没有人遇到过 TS 指向导入到 .vue 文件的自定义组件错误的问题 - 使用 options api 和 webpack。 基本上导入工作正常，一切都可见并且......