小编msq*_*qar的帖子

VueJS 组件中的图像未加载

我有一个父组件,它向子组件发送一个数据对象,如下所示:

<child object-data=" url: 'url here', title: 'Title'"></child>

然后在我的子组件上,我通过执行以下操作获取此对象数据:

<script>
    export default {
        props: [
            'objectData'
        ]
    }
</script>
Run Code Online (Sandbox Code Playgroud)

现在,出于某种原因,我可以毫无问题地使用标题{{ objectData.title }}并显示出来。

但是当涉及到 img 标签内的 URL 时,它不会呈现图像。

我尝试执行以下操作:

<img :src="objectData.url"/> <--- 不渲染

<img v-bind:src="objectData.url"/> <--- 不渲染

<img v-bind:src="require(objectData.url)"/> <-- 抛出警告错误,因为我猜它不是路径而是对象。

<img v-bind:src="{objectData.url}"/> <--- 抛出错误

<img v-bind:src="{{objectData.url}}"/> <--- 抛出错误

当我检查 dom 元素时,它之后甚至不包含 src 属性。

如果我写下没有对象的 URL,它就可以工作。

<img v-bind:src="src/assets/images/icon.png"/>

但我希望我的 URL 来自父组件。

关于如何解决这个问题的任何想法?我在我的 webpack 文件中添加了 url-loader:

            {
                test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
                loader: 'url-loader'
            }
Run Code Online (Sandbox Code Playgroud)

我还尝试objectData.url从计算/方法函数返回:

computed: {
     getImageUrl: function() { …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vue-component vuejs2

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

Axios 以某种方式缓存我的获取用户请求对本机做出反应

我正在使用 Axios("axios": "^0.19.0")向我的后端发出 GET 请求,因为我已经通过 Postman macOS 应用程序发送相同的令牌对其进行了测试,并返回正确的用户对象。

但是从我的 React Native 应用程序中,每当我执行 get 请求并传递相同的不记名令牌时,我都会得到我登录的最后一个用户作为响应。

这是我发送请求的方式:

getUserByToken: function(token) {
        var headers = [
            { key: 'Authorization', value: 'Bearer ' + token},
            { key: 'Content-Type', value: 'application/x-www-form-urlencoded'},
            { key: 'Cache-Control', value: 'no-cache'}
        ];

        setHeaders('get', headers);
        return AxiosInstance.get('/user');
    },
Run Code Online (Sandbox Code Playgroud)

setHeaders 方法用于设置请求的标头,我将所有 http 方法重置为空对象并为以下请求设置正确的键值。

export const setHeaders = (type, props) => {
    AxiosInstance.interceptors.request.use(config => {
        config.headers[type] = {};

        props.forEach((prop) => {
            config.headers[type][prop.key] = prop.value;
        });
        return config;
    });
}
Run Code Online (Sandbox Code Playgroud)

如您所见,我什至尝试使用 Cache-Control: no-cache …

reactjs react-native axios

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

什么方法可以防止在点击tinymce容器中的输入文本时失去焦点?

我已经制作了这个小小的小提琴来展示我所说的话.

在编辑器中突出显示文本,然后单击输入文本,在tinyMCE中突出显示丢失(显然).

现在,我知道这并不容易,因为内联编辑器和输入文本都在同一个文档中,因此,焦点只有一个.但是,每当我点击输入文本时,是否有任何类似于"未聚焦"高亮(灰色)的方法?

我这样说是因为我有一个自定义颜色选择器,这个颜色选择器有一个输入,您可以输入HEX值,当单击OK时,它会对所选文本执行命令颜色更改,但它看起来很难看,因为突出显示是丢失.

我不想使用iframe,我知道通过使用非内联编辑器(iframe)是解决方案之一,但由于一些原因,我无法使用iframe文本编辑器.

这里有什么建议吗?谢谢.

PS:出于话题,你们中的任何人都知道为什么我无法访问tinyMCE小提琴中的tinymce对象吗?看起来像tinyMCE全局变量被页面本身的tinymce select dom元素覆盖.我无法执行tinyMCE命令lol.

html javascript iframe jquery tinymce

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

在Summernote中创建自定义按钮插件

我试图在Summernote中创建一个自定义按钮插件,但是ui.button当然会创建一个按钮。有什么办法可以使该div例如吗?

context.memo('button', function() {
                return ui.buttonGroup([
                    ui.button({
                        className: 'someClass',
                        tooltip: 'tooltipInfo',
                        data: {
                            toggle: 'dropdown'
                        },
                        click: function() {}
                    }),
Run Code Online (Sandbox Code Playgroud)

我试图做的是:

var buttonGroup = ui.buttonGroup([ ... ]);
buttonGroup.changeTag('div');
return buttonGroup;
Run Code Online (Sandbox Code Playgroud)

然后手动更新按钮并将其标签更改为div。它“有效”,但是例如,在这种情况下,我设置的buttonGroup中的click事件不起作用。甚至尝试将on('click')事件附加到buttonGroup变量,但仍然不会触发点击。

关于如何以其他方式实现此目标的任何想法?

javascript jquery summernote

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

基于json对象树的html表

我有一个动态的json对象,它可以在内部包含不同类型的属性和对象,甚至可以包含平面字符串甚至数组。我制作了一个JavaScript代码,将单个JSON结构转换为HTML表,效果很好,但id希望将其用于动态JSON,因此基本上,我需要遍历JSON树的父级和子级,以了解如何创建此结构HTML表格。

但是在尝试验证孩子是否有对象时确实存在一些问题,例如:(我不想在JSON中添加很多细节)

parent: {
    child_1: {
        attr1 : value1
    },
    child_2: {
          [{ attribues and values in an array }]
    }
}
Run Code Online (Sandbox Code Playgroud)

我怎样才能做到这一点?我当时正在考虑像这样使用“ typeof”函数:

if (typeof key === 'array') {
    // do something
}else{
    // do another stuff
}
Run Code Online (Sandbox Code Playgroud)

但是我不相信它会很好,你们能帮我吗?

提前致谢。

html javascript json

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

有没有办法根据xml自动生成Mule mflow文件?

我想知道是否有办法做到这一点,从零自动生成基于xml文件的mflow文件.

如果没有,你们如何设法与SVN合并那些mflow文件?它基本上不可能!您需要使用拖放操作从IDE Mule UI手动合并它们,或者进入xml并手动添加它们.

谢谢.

flow mule

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

我能将class属性传递给angularJS中的指令模板吗?

我在angularJS中得到了这个指令

productApp.directive('notification', function($timeout) {
    return {
        restrict : 'E',
        replace : true,
        scope : {
            type: "@",
            message: "@"
        },
        template : '<alert class="alert alert-type">message</alert>',
        link : function(scope, element, attrs) {
            $timeout(function() {
                element.hide();
            }, 3000);
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

所以我可以从这样的视图中调用它:

<notification type="alert.type" message="alert.msg"></notification>
Run Code Online (Sandbox Code Playgroud)

在控制器中我定义了警报对象:

$scope.alert = { type : 'success', msg : 'This is a test'};
Run Code Online (Sandbox Code Playgroud)

我怎么能动态传递这个类型?尝试过,它没有用.如果我将警报成功传递给指令,它可以工作,但我希望它是动态的.

我能够通过这样做动态传递它吗?

谢谢

javascript angularjs

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

Swift 2.3会与iOS 10兼容吗?

我是iOS dev和Swift的新手.

我使用Swift 2.3开始游戏.发送给Apple预览,他们昨天拒绝了它,因为一些功能在iOS 10上无效.所以我不得不将我的iPhone 6S更新到iOS 10,以便相应地进行测试.

这样做时,我的XCode 7显然要求我更新,否则我无法再在iOS 10上安装我的游戏.我做了.

安装XCode 8时,建议我迁移到Swift 3(推荐).这是我可以选择的最糟糕的选择,因为现在我的代码有超过240个错误,包括来自第三方库(如GoogleAds,iCarousel等)的语法错误.如果它们都是我的,那么修复这些错误就不会有任何问题.

所以我的问题是,我可以在我的XCode 8上回到Swift 2.3并仍在iOS 10上运行吗?

此外,他们告诉我我的应用程序在iPad上看起来并不"好",因为即使我不支持它,它也应该可以播放.这是一个简单的解决方案,但现在iOS 10不再支持iPad 2,也不支持iPhone 4和4.从iPhone 5和5s + iPad Air 2开始.

我现在应该忘记那些旧设备(iPhone 4和iPad 2)吗?

提前致谢.

xcode ios swift

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

由于某种原因,来自 AdColony 的 AdReward 无法在 Swift 2.0 上运行

我想在我的游戏中实现一个奖励插页式广告,但我收到了很多 AdColony 错误,例如:“广告请求没有填充”或我的区域 ID 无效。

首先,这将是我配置 AdColony 区域的方式:

Zone is active? Yes

Zone Type: Preroll/Interstitial (Gives me "No fill for ad request error")
           Value Exchange/V4VC (Gives me "Zone ID invalid, please check config error")

House Ads: Back Fill

Options: 0 0 1

Development: Show Test Ads Only (Although my app is currently Live)
Run Code Online (Sandbox Code Playgroud)

他们为您提供的 SDK 下载示例适用于应用程序而非游戏,因此我尝试将其翻译为游戏,尽管它没有什么不同,但我当前的代码可能存在问题。所以这就是我在 GameViewController.swift 中的方式。

// Outside I declare a struct
struct Constants
{
    static let adColonyAppID = "app5aab6bb6aaf3xxxxxx"
    static let adColonyZoneID = "vz19959f95bd62xxxxxx"
    static let currencyBalance …
Run Code Online (Sandbox Code Playgroud)

ios adcolony swift

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

为什么 CSS 中的背景图像比内联背景颜色具有更高的优先级?

我试图用内联背景颜色覆盖 CSS 中预定义的背景图像,认为它实际上会覆盖,但看起来并没有。我怎样才能实现这个目标?

.section {
  position: relative;
  top: 0;
  left: 0;
  width: 250px;
  height: 250px;
  background-image: url("https://static.pexels.com/photos/36487/above-adventure-aerial-air.jpg");
  background-size: cover;
}
Run Code Online (Sandbox Code Playgroud)
<div class="section" style="background-color: rgb(250, 40, 38)">
  
</div>
Run Code Online (Sandbox Code Playgroud)

谢谢。

html javascript css

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