小编Roy*_*y J的帖子

使用 babel 来转译 vue 模板而不是 buble

我正在尝试使用,@babel/plugin-proposal-optional-chaining这样我就可以{{ user?.name || 'Oops' }}在我的 vue 模板中做到这一点。我已经将插件添加到我的 babel.config.js,但它仍然出现 vue-loader 错误。经过一番搜索,似乎 vue 使用 buble 而不是 babel 来转换模板标签内的 js。

有没有办法使用 babel 而不是 buble 来转换模板中的 js?

javascript vue.js babeljs bublejs

6
推荐指数
1
解决办法
1552
查看次数

Svelte 组件可以嵌入到非 Svelte 应用程序中吗?

我在一个有多个项目的小组中工作,每个项目都是用不同的框架编写的。我们想要一些独立的小部件,它们的行为和外观是标准的,但可以在任何系统中使用。我认为 Svelte 听起来是个不错的选择,因为它不需要在前端添加框架。但是我找不到任何说明 Svelte 可以在其他系统中使用的内容;它必须是一个全 Svelte 应用程序才能拥有 Svelte 组件。

那是对的吗?或者有什么方法可以将 Svelte 组件嵌入到另一个系统中?

embed svelte svelte-component

5
推荐指数
1
解决办法
1042
查看次数

google.load从不调用回调

我正在尝试使用Google Earth插件,并且发现它的调用方式非常特别:如果在Javascript执行的主要流程之外调用(例如通过setTimeout),它只是拒绝调用负载打回来.以下示例是自包含的插图.更改更改最后两行中的哪一行被注释掉以查看它是否有效.

这是怎么回事?

<html>
<head>
  <title>Sample</title>
  <script type="text/javascript" src="https://www.google.com/jsapi"> </script>
  <script type="text/javascript">
      var ge;
      function init() {
        console.log('Initing');
        function cb(instance) {
          ge = instance;
          ge.getWindow().setVisibility(true);
          console.log('Ok');
        };
        function fail() {}
        google.earth.createInstance('map3d', cb, fail);
      }
      function loadTheMap() {
        google.load("earth", "1.x");
        google.setOnLoadCallback(init);
        console.log('Callback is set');
      }
      //loadTheMap(); // works
      setTimeout(loadTheMap, 200); // Does not work
  </script>

</head>
<body>
  <div id="map3d" style="height: 400px; width: 600px;"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript load callback google-earth-plugin

3
推荐指数
1
解决办法
1678
查看次数

如何在Vue中获取输入字段值

我是vue的新手,我想要一些帮助从输入字段获取值的方法:

以我的形式,我有:

<input type="hidden" id="groupId" value="1">
Run Code Online (Sandbox Code Playgroud)

使用jQuery,我可以做到:

var group_id = $('#groupId').val();
Run Code Online (Sandbox Code Playgroud)

在Vue中,我不知道如何绑定隐藏字段:

<div id="app">
   <input type="text" v-model="groupId"> //Where do I put the value?
</div>

 new Vue({
    el: '#app',
    data: {
        groupId: //What do I put here to get the field's value?
    }
Run Code Online (Sandbox Code Playgroud)

有人可以帮忙吗?

laravel vue.js

2
推荐指数
2
解决办法
1万
查看次数

将数据转换为 Vue.js 2 中根组件的 props

这一定很简单,但还没有破解它......

在 vue 中,我想我知道如何将props从父组件传递给子组件。而且我知道我data在 vue 实例的成员中有一个应用程序状态。我不明白的是如何将data状态作为道具进入根应用程序。

似乎有几种方法可以组织 vue 应用程序,所以这就是我正在努力的工作:

索引.ts

import app from './app.vue'

export default new Vue({
    // App Root Element
    el: '#app',
    render: (c) => c('app'),
    components: {
      app
    },
    data: {
        someValue: 42
    }
})
Run Code Online (Sandbox Code Playgroud)

应用程序

<template>
    <div>
        Some Value: {{someValue}}
    </div>
</template>

<script lang="ts">
    export default {
        props: ['someValue']
    };
</script>
Run Code Online (Sandbox Code Playgroud)

我认为它应该类似于以下内容,但我不知道如何直接引用data- 除非我为此目的在 vue 之外保留对它的引用,但这似乎没有必要:

render: (c) => c('app', { someValue: ??? }),
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs2

1
推荐指数
1
解决办法
1433
查看次数

如何获取具有最接近值的数组项的索引?

我在json中有以下对象数组,我想得到数组中对象的索引,该索引最接近给定数值的天数属性.

在jQuery或JS中存在任何内置函数,或者我如何轻松解决它?

谢谢你的帮助.

"warningAttributes": [
                        {
                            "id": "3",
                            "days": 15,                          
                            "color": "#FFFFFF"                 
                        },
                        {
                            "id": "4",
                            "days": 98,                          
                            "color": "#343434"                  
                        }
                    ]
Run Code Online (Sandbox Code Playgroud)

javascript comparison jquery

0
推荐指数
1
解决办法
428
查看次数