Question

我是vue.js（2）的新手。我正在写香草JS。

当我尝试使用自定义事件（关闭）时，我收到“，expected”和“：expected”的语法错误。我想要的是向视图中的组件添加自定义关闭事件。然后，在组件的模板中，我尝试让click事件到达自定义关闭事件。它不起作用..

HTML

SELECT s.id,s.count,m.manufacturer FROM 
    (SELECT id,COUNT(id) FROM cars GROUP BY id) s 
    JOIN manu m USING (id) WHERE s.count >= 2;

JS

<div id="root" class="container">
    <bulma-modal v-if="showBulmaModal" @close="showBulmaModal = false"></bulma-modal>
    <button @click="showBulmaModal = true" class="button">Show modal</button>
</div>

有什么我看不到或我做错了吗？我做不到..

Answer 1

您需要转义模板中使用的单引号。

//
//  DesignableView.swift
//
import UIKit

@IBDesignable
class DesignableView: UIView {

    @IBInspectable var borderWidth: CGFloat = 0.0 {
        didSet {
            self.layer.borderWidth = borderWidth
        }
    }

    @IBInspectable var borderColor: UIColor = UIColor.clear {
        didSet {
            self.layer.borderColor = borderColor.cgColor
        }
    }

    @IBInspectable var cornerRadius: CGFloat = 0.0 {
        didSet {
            self.layer.cornerRadius = cornerRadius
        }
    }
}

这是您的代码working。

vue.js $发出自定义事件无效

1 个答案: